Couleur nommée la plus proche · #B6E6E3
#B6E6E3
Couleur nommée la plus proche: Gentle Cold
#B6E6E3 (rgb(182 230 227), hsl(176 49% 81%), oklch(0.891 0.05 191.6)) est la plus proche de la couleur nommée Gentle Cold. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B6E6E3
oklch(0.891 0.05 191.6)
Conversions de couleur
- HEX
- #b6e6e3
- RGB
- rgb(182 230 227)
- HSL
- hsl(176 49% 81%)
- HWB
- hwb(176 71% 10%)
- OKLCH
- oklch(0.891 0.05 191.6)
- OKLab
- oklab(0.891 -0.049 -0.01)
- CIE Lab
- lab(87.87 -16.47 -3.9)
- LCH
- lch(87.87 16.92 193.3)
- CMYK
- cmyk(21% 0% 1% 10%)
Teintes · Ombres · Tons
Teintes
- BEE9E6
- C5EBE9
- CCEEEB
- D4F0EE
- DBF3F1
- E2F5F4
- EAF8F7
- F1FAF9
- F8FDFC
Ombres
- 9EC8C5
- 86ABA8
- 6F8E8C
- 597371
- 445957
- 30403F
- 1D2827
- 0C1312
- 020303
Tons
- B1DBD9
- ABD1CE
- A6C6C4
- A1BCBA
- 9BB2B0
- 96A8A6
- 919E9D
- 8B9493
- 868A89
Harmonies de couleurs
Complémentaire +180°
- B6E6E3
Gentle Cold
- FACED2
≈ Pinktone
Analogue -30° +30°
- B6E6E3
Gentle Cold
- BFE6D1
≈ Workout Green
- B8E3F3
≈ Breaking the Ice
Triadique +120° +240°
- B6E6E3
Gentle Cold
- E6D2F3
≈ Lavender Princess
- F0D6B8
≈ Sugar Shack
Complémentaire divisée +150° +210°
- B6E6E3
Gentle Cold
- F3CFE4
≈ Sparkling Pink
- F9D1C2
≈ Demure Pink
Tétradique +90° +180° +270°
- B6E6E3
Gentle Cold
- D5D8FC
≈ Icy Plains
- FACED2
≈ Pinktone
- E1DDB7
≈ Tropical Tale
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.36:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.41:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--gentle-cold: #b6e6e3;
--gentle-cold-rgb: 182 230 227;
--gentle-cold-oklch: oklch(0.891 0.05 191.6);
}
.element {
color: var(--gentle-cold);
background-color: hsl(176 49% 81%);
border-color: oklch(0.891 0.05 191.6);
}Tailwind CSS v4
@theme {
--color-gentle-cold: #b6e6e3;
--color-gentle-cold-50: #e6faf9;
--color-gentle-cold-100: #d6edec;
--color-gentle-cold-200: #bddbda;
--color-gentle-cold-300: #9bc0be;
--color-gentle-cold-400: #7da8a6;
--color-gentle-cold-500: #5e918e;
--color-gentle-cold-600: #507b78;
--color-gentle-cold-700: #406260;
--color-gentle-cold-800: #2e4846;
--color-gentle-cold-900: #1f3230;
--color-gentle-cold-950: #0f1e1d;
}SCSS
$gentle-cold: #b6e6e3;
$gentle-cold-rgb: 182, 230, 227;
$gentle-cold-light: mix(#fff, $gentle-cold, 20%);
$gentle-cold-dark: mix(#000, $gentle-cold, 20%);
.element {
color: $gentle-cold;
box-shadow: 0 0 0 2px rgba($gentle-cold, 0.35);
}