converting colors - xyz(76.6874, 91.9641, 43.4148) · 25-09-2020 6/30 convertingcolors.com details...
TRANSCRIPT
ConvertingColors
XYZ(76.6874, 91.9641, 43.4148)
Have a look what the booklet forXYZ(76.6874, 91.9641, 43.4148)contains.
XYZ(76.6874, 91.9641, 43.4148) 3 .......................... Conversions 4 ....................................................... Details 6 ................................................................ Harmonies 11 ........................................................ Previews 18 ........................................................... Color Blindness Simulation 22 ........................... CSS Examples 25 ..................................................
Color
XYZ(76.6874, 91.9641,43.4148)
24-01-2021 4/30 convertingcolors.com
Conversions
Conversions Part 1
Format Color
Hex EEFF98
RGB 238, 255, 152
RGB Percent 93%, 100%, 60%
CMY 0.0667, 0.0000, 0.4039
CMYK 0.07, 0.00, 0.40, 0.00
HSL 70°, 100%, 80%
HSV 70°, 40%, 100%
XYZ 76.6874, 91.9641, 43.4148
24-01-2021 5/30 convertingcolors.com
Conversions
Conversions Part 2
Format Color
RYB 152, 255, 169
Decimal 15663000
CIELab 96.81, -20.75, 47.29
CIELCh 97, 51.641, 113.696
Yxy 91.9641, 0.3616,0.4337
Android(android.graphics.Color)
4293853080(0xFFEEFF98)
YUV 238.1750, -42.4843,-0.1535
24-01-2021 6/30 convertingcolors.com
Details
The XYZ color 76.6874, 91.9641, 43.4148 is alight color, and the websafe version is hex FFFF99.A complement of this color would be 45.6415,38.1128, 99.5587, and the grayscale version is81.7092, 85.9644, 93.6152.
A 20% lighter version of the original color is88.3852, 97.3341, 73.8035, and 41.5023,51.1128, 19.4827 is the 20% darker color. If yousaturate the color by 10%, you get 73.4216,90.4965, 33.5071, and if you desaturate by 10%,it is 80.4358, 93.6287, 55.6911.
24-01-2021 7/30 convertingcolors.com
Distribution
RGB
Red (93%)
Green (100%)
Blue (60%)
RYB
Red (60%)
Yellow (100%)
Blue (66%)
CMYK
Cyan (7%)
Magenta (0%)
Yellow (40%)
Black (0%)
CMY
Cyan (7%)
Magenta (0%)
Yellow (40%)
24-01-2021 8/30 convertingcolors.com
Brightness & SaturationGradients
These gradients show how the XYZ color 76.6874,91.9641, 43.4148 changes by changing the brightnessby 10 percent. The first figure shows a shift by +10%for each color and the second figure -10%.
Similar to the brightness gradients but the followingsaturation gradients show a change of the XYZ color76.6874, 91.9641, 43.4148 by changing the saturationby 10% instead.
24-01-2021 9/30 convertingcolors.com
76.6874, 91.9641,43.4148
100.0249,118.6536, 60.5262
127.6733,150.0636, 81.6295
159.9979,186.5787, 107.1434
197.3641,228.5831, 137.4863
240.1372,276.4612, 173.0769
288.6825,330.5976, 214.3336
343.3655,391.3765, 261.6750
404.5515,459.1823, 315.5197
472.6058,534.3995, 376.2861
76.6874, 91.9641,43.4148
57.2954, 69.6108,29.8769
41.4835, 51.2093,19.4939
28.8864, 36.3752,11.8473
19.1388, 24.7241,6.5185
11.8752, 15.8716,3.0890
6.7303, 9.4334,1.1403
3.3389, 5.0249,0.0000
1.3354, 2.2619,0.0000
0.2095, 0.7534,0.0000
24-01-2021 10/30 convertingcolors.com
76.6874, 91.9641,43.4148
73.4216, 90.4965,33.5071
70.6084, 89.2136,25.8112
68.2152, 88.1026,20.1574
66.2048, 87.1483,16.3499
64.5323, 86.3330,14.1546
63.1750, 85.6529,13.2030
76.6874, 91.9641,43.4148
80.4358, 93.6287,55.6911
84.6926, 95.5004,70.4715
89.4828, 97.5894,87.8858
94.8294, 99.9048,108.0540
95.0500, 100.0000,108.9000
24-01-2021 11/30 convertingcolors.com
Harmonies
AnalogousThe analogous color harmony consists of three colorsthat are next to each other on the color wheel.
90.5030, 91.9641, 39.9362
76.6874, 91.9641, 43.4148
66.8310, 91.9641, 59.9438
24-01-2021 12/30 convertingcolors.com
TriadThe triadic color harmony groups three colors that areevenly spaced from another and form a triangle on thecolor wheel.
76.6874, 91.9641, 43.4148
71.9349, 91.9641, 179.1474
118.1163, 91.9641, 109.1492
24-01-2021 13/30 convertingcolors.com
ComplementaryThe complementary color scheme is a pair of colorswhich are on the opposite of each other on the colorwheel.
76.6874, 91.9641, 43.4148
45.6415, 38.1128, 99.5587
24-01-2021 14/30 convertingcolors.com
Split ComplementarySplit-complementary colors differ from thecomplementary color scheme. The scheme consists ofthree colors, the original color and two neighbors of thecomplement color.
111.8293, 91.9641, 155.1706
76.6874, 91.9641, 43.4148
84.3866, 91.9641, 202.1761
24-01-2021 15/30 convertingcolors.com
SquareThe square scheme is like the rectangle color scheme,but the four colors are evenly spaced on the colorwheel.
76.6874, 91.9641, 43.4148
64.3065, 91.9641, 135.7304
99.0863, 91.9641, 192.3671
115.4721, 91.9641, 71.3772
24-01-2021 16/30 convertingcolors.com
RectangleThe rectangle color scheme consists of four colors thatform a rectangle on the color wheel.
76.6874, 91.9641, 43.4148
63.3109, 91.9641, 79.3691
99.0863, 91.9641, 192.3671
116.9570, 91.9641, 124.2356
24-01-2021 17/30 convertingcolors.com
SweetspotThe sweet spot groups the original color and fivecomplimentary colors.
76.6877, 91.9643, 43.4161
88.6751, 97.2382, 84.9009
60.8095, 51.3307, 36.4099
18.8420, 20.7529, 17.6648
0.0000, 0.0000, 0.0000
20.3446, 21.4041, 23.3091
24-01-2021 18/30 convertingcolors.com
Previews
White Background
This preview shows how the XYZ color 76.6874,91.9641, 43.4148 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
24-01-2021 19/30 convertingcolors.com
Black Background
This preview shows how the XYZ color 76.6874,91.9641, 43.4148 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.
24-01-2021 20/30 convertingcolors.com
XYZ 76.6874, 91.9641, 43.4148Background
This preview shows how black text looks on abackground with the XYZ color 76.6874, 91.9641,
43.4148.
This preview shows how white text looks on abackground with the XYZ color 76.6874, 91.9641,
24-01-2021 21/30 convertingcolors.com
43.4148.
24-01-2021 22/30 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 Color76.6874, 91.9641, 43.4148
Protanopia86.2060, 91.9756, 76.1603
Deuteranopia88.2987, 91.8446, 90.1647
24-01-2021 23/30 convertingcolors.com
Tritanopia89.1675, 91.4609, 107.5618
24-01-2021 24/30 convertingcolors.com
Trichromacy
Original Color76.6874, 91.9641, 43.4148
Protanomaly82.3466, 91.6527, 62.6408
Deuteranomaly83.5334, 91.6342, 70.4112
Tritanomaly83.5718, 90.9960, 79.4889
Monochromacy
Original Color76.6874, 91.9641, 43.4148
Achromatopsia81.2670, 85.4993, 93.1087
Achromatomaly78.8731, 87.3835, 71.7411
24-01-2021 25/30 convertingcolors.com
CSS Examples
Text
The CSS property to change the color of the text to XYZ76.6874, 91.9641, 43.4148 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(238, 255,152) looks like.
.text, #text, p{ color:rgb(238, 255, 152)}
24-01-2021 26/30 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(238,Here you see how black text with a 4 pixel rgb(238,
255, 152) colored shadow looks like.255, 152) colored shadow looks like.
.shadow{ text-shadow: 4px 4px 2px rgb(238,255, 152) }
Border
The CSS property to change the border of an element toXYZ 76.6874, 91.9641, 43.4148 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(238, 255, 152) }
24-01-2021 27/30 convertingcolors.com
If only the border color should be changed use theproperty border-color.
.border{ border-color:rgb(238, 255, 152) }
If you want to add a box shadow in that color use:
Here you see how a box with a 4 pixel rgb(238, 255,152) colored shadow looks like.
.boxshadow{ -moz-box-shadow:4px 4px 4px4px rgb(238, 255, 152); -webkit-box-shadow:4px 4px 4px 4px rgb(238, 255, 152);box-shadow:4px 4px 4px 4px rgb(238, 255,152) }
24-01-2021 28/30 convertingcolors.com
Background
The CSS property to change the background color of anelement to XYZ 76.6874, 91.9641, 43.4148 is called"background". The background property can be set onclasses, ids or directly on the HTML element.
.background, #background, body{background:rgb(238, 255, 152) }
If only the background color should be changed can beused:
.background{ background-color:rgb(238,255, 152) }
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.
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!
Follow meon Twitter!
@ConvertingColor