converting colors - cielch(87, 9.167, 212.112) · 2021. 1. 20. · 53, 2.216, 212.199 0, 0.000,...
TRANSCRIPT
-
ConvertingColors
CIELCh(87, 9.167, 212.112)
-
Have a look what the booklet forCIELCh(87, 9.167, 212.112) contains.
CIELCh(87, 9.167, 212.112) 3 ................................... Conversions 4 ....................................................... Details 6 ................................................................ Harmonies 11 ........................................................ Previews 15 ........................................................... Color Blindness Simulation 18 ........................... CSS Examples 21 ..................................................
-
Color
CIELCh(87, 9.167, 212.112)
-
6-06-2021 4/26 convertingcolors.com
Conversions
Conversions Part 1
Format Color
Hex C5DFE3
RGB 197, 223, 227
RGB Percent 77%, 87%, 89%
CMY 0.2284, 0.1265, 0.1108
CMYK 0.13, 0.02, 0.00, 0.11
HSL 188°, 35%, 83%
HSV 188°, 13%, 89%
XYZ 63.1086, 70.0064, 82.6737
https://convertingcolors.com/hex-color-C5DFE3.htmlhttps://convertingcolors.com/rgb-color-197_223_227.htmlhttps://convertingcolors.com/rgbpercent-color-77_87_89.htmlhttps://convertingcolors.com/cmy-color-0.2284_0.1265_0.1108.htmlhttps://convertingcolors.com/format-cmyk.htmlhttps://convertingcolors.com/cmyk-color-0.13_0.02_0.00_0.11.htmlhttps://convertingcolors.com/hsl-color-188_35_83.htmlhttps://convertingcolors.com/hsv-color-188_13_89.htmlhttps://convertingcolors.com/xyz-color-63.1086_70.0064_82.6737.html
-
6-06-2021 5/26 convertingcolors.com
Conversions
Conversions Part 2
Format Color
RYB 197, 211, 227
Decimal 12967907
CIELab 87.00, -7.76, -4.87
CIELCh 87, 9.167, 212.112
Yxy 70.0064, 0.2925,0.3244
Android(android.graphics.Color)
4291157987(0xFFC5DFE3)
YUV 215.6820, 5.5798,-16.3841
https://convertingcolors.com/format-ryb.htmlhttps://convertingcolors.com/ryb-color-197_211_227.htmlhttps://convertingcolors.com/decimal-color-12967907.htmlhttps://convertingcolors.com/cielab-color-87.00_-7.76_-4.87.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/yxy-color-70.0064_0.2925_0.3244.htmlhttps://convertingcolors.com/yxy-color-70.0064_0.2925_0.3244.htmlhttps://convertingcolors.com/android-color-4291157987.htmlhttps://convertingcolors.com/yuv-color-215.6820_5.5798_-16.3841.htmlhttps://convertingcolors.com/yuv-color-215.6820_5.5798_-16.3841.html
-
6-06-2021 6/26 convertingcolors.com
Details
The CIELCh color 87, 9.167, 212.112 is a lightcolor, and the websafe version is hex CCCCCC. Acomplement of this color would be 83, 10.004,32.173, and the grayscale version is 86, 0.010,296.813.
A 20% lighter version of the original color is 100,0.347, 201.292, and 67, 9.209, 212.653 is the20% darker color. If you saturate the color by10%, you get 85, 15.597, 212.199, and if youdesaturate by 10%, it is 89, 2.297, 212.290.
https://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/hex-color-CCCCCC.htmlhttps://convertingcolors.com/cielch-color-83_10.004_32.173.htmlhttps://convertingcolors.com/cielch-color-83_10.004_32.173.htmlhttps://convertingcolors.com/cielch-color-86_0.010_296.813.htmlhttps://convertingcolors.com/cielch-color-86_0.010_296.813.htmlhttps://convertingcolors.com/cielch-color-100_0.347_201.292.htmlhttps://convertingcolors.com/cielch-color-100_0.347_201.292.htmlhttps://convertingcolors.com/cielch-color-67_9.209_212.653.htmlhttps://convertingcolors.com/cielch-color-85_15.597_212.199.htmlhttps://convertingcolors.com/cielch-color-89_2.297_212.290.html
-
6-06-2021 7/26 convertingcolors.com
Distribution
RGB
Red (77%)
Green (87%)
Blue (89%)
RYB
Red (77%)
Yellow (83%)
Blue (89%)
CMYK
Cyan (13%)
Magenta (2%)
Yellow (0%)
Black (11%)
CMY
Cyan (23%)
Magenta (13%)
Yellow (11%)
-
6-06-2021 8/26 convertingcolors.com
Brightness & SaturationGradients
These gradients show how the CIELCh color 87, 9.167,212.112 changes by changing the brightness by 10percent. The first figure shows a shift by +10% for eachcolor and the second figure -10%.
Similar to the brightness gradients but the followingsaturation gradients show a change of the CIELCh color87, 9.167, 212.112 by changing the saturation by 10%instead.
-
6-06-2021 9/26 convertingcolors.com
87, 9.167, 212.112
97, 9.167, 212.112
100, 9.167, 212.112
87, 9.167, 212.112
77, 9.167, 212.112
67, 9.167, 212.112
57, 9.167, 212.112
47, 9.167, 212.112
37, 9.167, 212.112
27, 9.167, 212.112
17, 9.167, 212.112
7, 9.167, 212.112
0, 9.167, 212.112
87, 9.167, 212.112
85, 15.597, 212.199
83, 21.472, 212.463
81, 26.679, 212.920
79, 31.103, 213.610
77, 34.655, 214.583
87, 9.167, 212.112
89, 2.297, 212.290
92, 4.915, 31.982
94, 8.845, 36.940
94, 8.436, 49.127
95, 8.440, 61.889
https://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-97_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-97_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-100_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-100_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-77_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-77_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-67_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-67_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-57_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-57_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-47_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-47_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-37_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-37_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-27_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-27_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-17_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-17_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-7_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-7_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-0_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-0_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-85_15.597_212.199.htmlhttps://convertingcolors.com/cielch-color-85_15.597_212.199.htmlhttps://convertingcolors.com/cielch-color-83_21.472_212.463.htmlhttps://convertingcolors.com/cielch-color-83_21.472_212.463.htmlhttps://convertingcolors.com/cielch-color-81_26.679_212.920.htmlhttps://convertingcolors.com/cielch-color-81_26.679_212.920.htmlhttps://convertingcolors.com/cielch-color-79_31.103_213.610.htmlhttps://convertingcolors.com/cielch-color-79_31.103_213.610.htmlhttps://convertingcolors.com/cielch-color-77_34.655_214.583.htmlhttps://convertingcolors.com/cielch-color-77_34.655_214.583.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-89_2.297_212.290.htmlhttps://convertingcolors.com/cielch-color-89_2.297_212.290.htmlhttps://convertingcolors.com/cielch-color-92_4.915_31.982.htmlhttps://convertingcolors.com/cielch-color-92_4.915_31.982.htmlhttps://convertingcolors.com/cielch-color-94_8.845_36.940.htmlhttps://convertingcolors.com/cielch-color-94_8.845_36.940.htmlhttps://convertingcolors.com/cielch-color-94_8.436_49.127.htmlhttps://convertingcolors.com/cielch-color-94_8.436_49.127.htmlhttps://convertingcolors.com/cielch-color-95_8.440_61.889.htmlhttps://convertingcolors.com/cielch-color-95_8.440_61.889.html
-
6-06-2021 10/26 convertingcolors.com
76, 37.277, 215.897
75, 38.970, 217.609
74, 39.810, 219.767
73, 40.044, 221.445
96, 8.853, 74.012
97, 9.621, 84.599
97, 10.665, 93.340
98, 11.911, 100.362
https://convertingcolors.com/cielch-color-76_37.277_215.897.htmlhttps://convertingcolors.com/cielch-color-76_37.277_215.897.htmlhttps://convertingcolors.com/cielch-color-75_38.970_217.609.htmlhttps://convertingcolors.com/cielch-color-75_38.970_217.609.htmlhttps://convertingcolors.com/cielch-color-74_39.810_219.767.htmlhttps://convertingcolors.com/cielch-color-74_39.810_219.767.htmlhttps://convertingcolors.com/cielch-color-73_40.044_221.445.htmlhttps://convertingcolors.com/cielch-color-73_40.044_221.445.htmlhttps://convertingcolors.com/cielch-color-96_8.853_74.012.htmlhttps://convertingcolors.com/cielch-color-96_8.853_74.012.htmlhttps://convertingcolors.com/cielch-color-97_9.621_84.599.htmlhttps://convertingcolors.com/cielch-color-97_9.621_84.599.htmlhttps://convertingcolors.com/cielch-color-97_10.665_93.340.htmlhttps://convertingcolors.com/cielch-color-97_10.665_93.340.htmlhttps://convertingcolors.com/cielch-color-98_11.911_100.362.htmlhttps://convertingcolors.com/cielch-color-98_11.911_100.362.html
-
6-06-2021 11/26 convertingcolors.com
Harmonies
-
6-06-2021 12/26 convertingcolors.com
ComplementaryThe complementary color scheme is a pair of colorswhich are on the opposite of each other on the colorwheel.
87, 9.167, 212.112
83, 10.004, 32.173
-
6-06-2021 13/26 convertingcolors.com
RectangleThe rectangle color scheme consists of four colors thatform a rectangle on the color wheel.
87, 9.167, 212.112
87, 9.167, 262.112
87, 9.167, 32.112
87, 9.167, 82.112
-
6-06-2021 14/26 convertingcolors.com
SweetspotThe sweet spot groups the original color and fivecomplimentary colors.
87, 9.168, 212.100
99, 3.124, 212.235
87, 17.684, 146.956
53, 2.216, 212.199
0, 0.000, 0.000
53, 0.007, 296.813
-
6-06-2021 15/26 convertingcolors.com
Previews
White Background
This preview shows how the CIELCh color 87, 9.167,212.112 looks on a white background.
Color Contrast Check
Large Text (above 18pt) WCAG AA ✕ FailAny Text WCAG AA ✕ FailLarge Text (above 18pt) WCAG AAA ✕ FailAny Text WCAG AAA ✕ Fail
-
6-06-2021 16/26 convertingcolors.com
Black Background
This preview shows how the CIELCh color 87, 9.167,212.112 looks on a black background.
Color Contrast Check
Large Text (above 18pt) WCAG AA ✓ PassAny Text WCAG AA ✓ PassLarge Text (above 18pt) WCAG AAA ✓ PassAny Text WCAG AAA ✓ Pass
If you want to check with other color combinations, trythe Color Contrast Checker.
https://convertingcolors.com/color-contrast-checker.html?foreground=C5DFE3&background=000000
-
6-06-2021 17/26 convertingcolors.com
CIELCh 87, 9.167, 212.112Background
This preview shows how black text looks on abackground with the CIELCh color 87, 9.167, 212.112.
This preview shows how white text looks on abackground with the CIELCh color 87, 9.167, 212.112.
-
6-06-2021 18/26 convertingcolors.com
Color BlindnessSimulation
Color vision deficiency is a very complex topic, and Icould not describe the different causes any better thanWikipedia does, so if you want to learn more, youshould check out their article about color blindness.
Dichromacy
Original Color87, 9.167, 212.112
Protanopia87, 3.959, 311.616
Deuteranopia87, 12.325, 330.454
https://en.wikipedia.org/wiki/Color_blindnesshttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_3.959_311.616.htmlhttps://convertingcolors.com/cielch-color-87_12.325_330.454.html
-
6-06-2021 19/26 convertingcolors.com
Tritanopia87, 11.445, 250.332
https://convertingcolors.com/cielch-color-87_11.445_250.332.html
-
6-06-2021 20/26 convertingcolors.com
Trichromacy
Original Color87, 9.167, 212.112
Protanomaly87, 3.763, 256.199
Deuteranomaly87, 7.069, 305.217
Tritanomaly87, 10.178, 237.224
Monochromacy
Original Color87, 9.167, 212.112
Achromatopsia86, 0.010, 296.813
Achromatomaly86, 3.580, 207.749
https://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-87_3.763_256.199.htmlhttps://convertingcolors.com/cielch-color-87_7.069_305.217.htmlhttps://convertingcolors.com/cielch-color-87_10.178_237.224.htmlhttps://convertingcolors.com/cielch-color-87_9.167_212.112.htmlhttps://convertingcolors.com/cielch-color-86_0.010_296.813.htmlhttps://convertingcolors.com/cielch-color-86_3.580_207.749.html
-
6-06-2021 21/26 convertingcolors.com
CSS Examples
Text
The CSS property to change the color of the text toCIELCh 87, 9.167, 212.112 is called "color". The colorproperty can be set on classes, ids or directly on theHTML element.
This example shows how text in the color rgb(197, 223,227) looks like.
.text, #text, p{ color:rgb(197, 223, 227)}
-
6-06-2021 22/26 convertingcolors.com
If you want to add a text shadow in that color use thetext-shadow property, you can generate a text shadowdirectly with our CSS Text Shadow Generator.
Here you see how black text with a 4 pixel rgb(197,Here you see how black text with a 4 pixel rgb(197,
223, 227) colored shadow looks like.223, 227) colored shadow looks like.
.shadow{ text-shadow: 4px 4px 2px rgb(197,223, 227) }
Border
The CSS property to change the border of an element toCIELCh 87, 9.167, 212.112 is called "border". Theborder property can be set on classes, ids or directly onthe HTML element.
This example shows the color as border, it can beapplied via the CSS property "border" or "border-color".
.border, #border, table{ border:4px solidrgb(197, 223, 227) }
https://convertingcolors.com/css-text-shadow.html
-
6-06-2021 23/26 convertingcolors.com
If only the border color should be changed use theproperty border-color.
.border{ border-color:rgb(197, 223, 227) }
If you want to add a box shadow in that color use:
Here you see how a box with a 4 pixel rgb(197, 223,227) colored shadow looks like.
.boxshadow{ -moz-box-shadow:4px 4px 4px4px rgb(197, 223, 227); -webkit-box-shadow:4px 4px 4px 4px rgb(197, 223, 227);box-shadow:4px 4px 4px 4px rgb(197, 223,227) }
-
6-06-2021 24/26 convertingcolors.com
Background
The CSS property to change the background color of anelement to CIELCh 87, 9.167, 212.112 is called"background". The background property can be set onclasses, ids or directly on the HTML element.
.background, #background, body{background:rgb(197, 223, 227) }
If only the background color should be changed can beused:
.background{ background-color:rgb(197,223, 227) }
This example shows the color as background, it isapplied via the CSS property "background".
To optimize and compress your CSS code, you can useour online CSS compressor and optimizer based oncsstidy. If you want to create a linear or radial gradientas background or border, check our CSS GradientGenerator.
https://convertingcolors.com/css-optimizer.htmlhttps://convertingcolors.com/css-gradient.htmlhttps://convertingcolors.com/css-gradient.html
-
Hey! You found this bookletinteresting? Have a look at my otherbooklet HOWCOLORS.WORK – A CSScolor notation guide.
HOWCOLORS.WORKA CSS color notation guide.Are you new to web developmentand want to know the differentways to express colors in CSS?Then this booklet is for you!
HOWCOLORS.WORK will helpyou understand the syntax ofthe color notations in CSS.You will learn all the current andnew ways to express colors toprepare yourself for the future!
Buy now, starting at $4.99!
https://howcolors.workhttps://howcolors.work
-
Follow meon Twitter!
@ConvertingColor