Couleur nommée · #CDEBEC
Fountain Spout
Fountain Spout correspond à #CDEBEC : rgb(205 235 236), hsl(182 45% 86%), oklch(0.919 0.031 199.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Fountain Spout color name →
#CDEBEC
oklch(0.919 0.031 199.1)
Conversions de couleur
- HEX
- #cdebec
- RGB
- rgb(205 235 236)
- HSL
- hsl(182 45% 86%)
- HWB
- hwb(182 80% 7%)
- OKLCH
- oklch(0.919 0.031 199.1)
- OKLab
- oklab(0.919 -0.03 -0.01)
- CIE Lab
- lab(90.88 -10.01 -3.98)
- LCH
- lch(90.88 10.77 201.7)
- CMYK
- cmyk(13% 0% 0% 7%)
Teintes · Ombres · Tons
Teintes
- D2EDEE
- D7EFF0
- DCF1F2
- E1F3F4
- E6F5F5
- EBF7F7
- F0F9F9
- F5FBFB
- FAFDFD
Ombres
- B2CCCD
- 98AEAF
- 7E9192
- 667576
- 4E5B5B
- 384142
- 232929
- 0F1313
- 020303
Tons
- C5E0E1
- BDD5D5
- B5CACA
- AEBFBF
- A6B4B4
- 9EA9AA
- 979F9F
- 8F9495
- 888A8A
Harmonies de couleurs
Complémentaire +180°
- CDEBEC
Fountain Spout
- F9DCDC
≈ Powdered Blush
Analogue -30° +30°
- CDEBEC
Fountain Spout
- D1EBE0
≈ Hatching Chameleon
- D0E9F5
≈ Freezing Vapour
Triadique +120° +240°
- CDEBEC
Fountain Spout
- EEDEF2
≈ Divine Dove
- F0E2CD
≈ Mushroom White
Complémentaire divisée +150° +210°
- CDEBEC
Fountain Spout
- F5DCE7
≈ Ranunculus White
- F7DFD2
≈ Gleaming Shells
Tétradique +90° +180° +270°
- CDEBEC
Fountain Spout
- E3E1F8
≈ Lavender Mist
- F9DCDC
≈ Powdered Blush
- E5E6CF
≈ Light Fern Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.69:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--fountain-spout: #cdebec;
--fountain-spout-rgb: 205 235 236;
--fountain-spout-oklch: oklch(0.919 0.031 199.1);
}
.element {
color: var(--fountain-spout);
background-color: hsl(182 45% 86%);
border-color: oklch(0.919 0.031 199.1);
}Tailwind CSS v4
@theme {
--color-fountain-spout: #cdebec;
--color-fountain-spout-50: #ebf8f9;
--color-fountain-spout-100: #dcebec;
--color-fountain-spout-200: #c6d9da;
--color-fountain-spout-300: #a6bdbe;
--color-fountain-spout-400: #8aa4a5;
--color-fountain-spout-500: #6e8d8e;
--color-fountain-spout-600: #5e7778;
--color-fountain-spout-700: #4b5f60;
--color-fountain-spout-800: #364646;
--color-fountain-spout-900: #253030;
--color-fountain-spout-950: #131d1d;
}SCSS
$fountain-spout: #cdebec;
$fountain-spout-rgb: 205, 235, 236;
$fountain-spout-light: mix(#fff, $fountain-spout, 20%);
$fountain-spout-dark: mix(#000, $fountain-spout, 20%);
.element {
color: $fountain-spout;
box-shadow: 0 0 0 2px rgba($fountain-spout, 0.35);
}