Couleur nommée la plus proche · #8FCDE9
#8FCDE9
Couleur nommée la plus proche: Below Zero
#8FCDE9 (rgb(143 205 233), hsl(199 67% 74%), oklch(0.816 0.074 227.9)) est la plus proche de la couleur nommée Below Zero. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8FCDE9
oklch(0.816 0.074 227.9)
Conversions de couleur
- HEX
- #8fcde9
- RGB
- rgb(143 205 233)
- HSL
- hsl(199 67% 74%)
- HWB
- hwb(199 56% 9%)
- OKLCH
- oklch(0.816 0.074 227.9)
- OKLab
- oklab(0.816 -0.05 -0.055)
- CIE Lab
- lab(78.94 -15.3 -20.55)
- LCH
- lch(78.94 25.62 233.3)
- CMYK
- cmyk(39% 12% 0% 9%)
Teintes · Ombres · Tons
Teintes
- 9BD2EB
- A6D7EE
- B2DCF0
- BDE1F2
- C8E6F4
- D3EBF7
- DEF0F9
- E9F5FB
- F4FAFD
Ombres
- 7CB2CB
- 6998AD
- 577E90
- 456674
- 344E5A
- 243841
- 152329
- 070F13
- 010203
Tons
- 8EC5DE
- 8DBDD3
- 8CB5C9
- 8BAEBE
- 89A6B3
- 889EA9
- 86979F
- 848F94
- 82888A
Harmonies de couleurs
Complémentaire +180°
- 8FCDE9
Below Zero
- ECB599
≈ Posh Peach
Analogue -30° +30°
- 8FCDE9
Below Zero
- 87D2D4
≈ Mountain Lake Blue
- A5C5F3
≈ Sky High
Triadique +120° +240°
- 8FCDE9
Below Zero
- E8B0CB
≈ Roses in the Snow
- C7C78F
≈ Creamy Spinaci
Complémentaire divisée +150° +210°
- 8FCDE9
Below Zero
- EFB0B1
≈ Deeply Embarrassed
- DEBD8C
≈ Royal Gold
Tétradique +90° +180° +270°
- 8FCDE9
Below Zero
- D7B4E3
≈ Pretty Petunia
- ECB599
≈ Posh Peach
- ACCFA0
≈ Relaxation Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 32
Ag
AAASur noir
WCAG 12.07:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--below-zero: #8fcde9;
--below-zero-rgb: 143 205 233;
--below-zero-oklch: oklch(0.816 0.074 227.9);
}
.element {
color: var(--below-zero);
background-color: hsl(199 67% 74%);
border-color: oklch(0.816 0.074 227.9);
}Tailwind CSS v4
@theme {
--color-below-zero: #8fcde9;
--color-below-zero-50: #e1faff;
--color-below-zero-100: #d0edfc;
--color-below-zero-200: #b5dbee;
--color-below-zero-300: #90bfd6;
--color-below-zero-400: #6ea8c1;
--color-below-zero-500: #4b90ad;
--color-below-zero-600: #417a92;
--color-below-zero-700: #346175;
--color-below-zero-800: #234856;
--color-below-zero-900: #17323c;
--color-below-zero-950: #081e26;
}SCSS
$below-zero: #8fcde9;
$below-zero-rgb: 143, 205, 233;
$below-zero-light: mix(#fff, $below-zero, 20%);
$below-zero-dark: mix(#000, $below-zero, 20%);
.element {
color: $below-zero;
box-shadow: 0 0 0 2px rgba($below-zero, 0.35);
}