Couleur nommée · #EEDDDD
St. Nicholas Beard
St. Nicholas Beard correspond à #EEDDDD : rgb(238 221 221), hsl(0 33% 90%), oklch(0.911 0.019 17.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · St. Nicholas Beard color name →
#EEDDDD
oklch(0.911 0.019 17.5)
Conversions de couleur
- HEX
- #eedddd
- RGB
- rgb(238 221 221)
- HSL
- hsl(0 33% 90%)
- HWB
- hwb(0 87% 7%)
- OKLCH
- oklch(0.911 0.019 17.5)
- OKLab
- oklab(0.911 0.018 0.006)
- CIE Lab
- lab(89.51 6.03 2.21)
- LCH
- lch(89.51 6.42 20.2)
- CMYK
- cmyk(0% 7% 7% 7%)
Teintes · Ombres · Tons
Teintes
- F0E0E0
- F1E4E4
- F3E7E7
- F5EBEA
- F7EEEE
- F8F1F1
- FAF5F5
- FCF8F8
- FDFCFC
Ombres
- CFC0C0
- B1A4A4
- 938888
- 776E6E
- 5C5555
- 423D3D
- 2A2626
- 141111
- 030202
Tons
- E2D3D3
- D7CACA
- CCC0C0
- C1B7B7
- B6ADAD
- ABA4A4
- A09B9B
- 959292
- 8A8989
Harmonies de couleurs
Complémentaire +180°
- EEDDDD
St. Nicholas Beard
- D4E6E6
≈ Interdimensional Portal
Analogue -30° +30°
- EEDDDD
St. Nicholas Beard
- ECDDE4
≈ Fairy Tail
- EDDED7
≈ Apricot Foam
Triadique +120° +240°
- EEDDDD
St. Nicholas Beard
- DCE5D9
≈ Mineral White
- DAE2EE
≈ Vaguely Violet
Complémentaire divisée +150° +210°
- EEDDDD
St. Nicholas Beard
- D7E6DF
≈ Echo
- D6E4EC
≈ Ethereal Moonlight
Tétradique +90° +180° +270°
- EEDDDD
St. Nicholas Beard
- E3E3D5
≈ Lily of the Valley White
- D4E6E6
≈ Interdimensional Portal
- E0E0EE
≈ Imagination
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.31:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.02:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--st-nicholas-beard: #eedddd;
--st-nicholas-beard-rgb: 238 221 221;
--st-nicholas-beard-oklch: oklch(0.911 0.019 17.5);
}
.element {
color: var(--st-nicholas-beard);
background-color: hsl(0 33% 90%);
border-color: oklch(0.911 0.019 17.5);
}Tailwind CSS v4
@theme {
--color-st-nicholas-beard: #eedddd;
--color-st-nicholas-beard-50: #faf3f3;
--color-st-nicholas-beard-100: #eee5e5;
--color-st-nicholas-beard-200: #dcd1d1;
--color-st-nicholas-beard-300: #c1b4b3;
--color-st-nicholas-beard-400: #a99a9a;
--color-st-nicholas-beard-500: #928181;
--color-st-nicholas-beard-600: #7c6e6e;
--color-st-nicholas-beard-700: #635858;
--color-st-nicholas-beard-800: #494040;
--color-st-nicholas-beard-900: #322c2c;
--color-st-nicholas-beard-950: #1e1919;
}SCSS
$st-nicholas-beard: #eedddd;
$st-nicholas-beard-rgb: 238, 221, 221;
$st-nicholas-beard-light: mix(#fff, $st-nicholas-beard, 20%);
$st-nicholas-beard-dark: mix(#000, $st-nicholas-beard, 20%);
.element {
color: $st-nicholas-beard;
box-shadow: 0 0 0 2px rgba($st-nicholas-beard, 0.35);
}