Couleur nommée la plus proche · #B6DAC6
#B6DAC6
Couleur nommée la plus proche: Frosted Fir
#B6DAC6 (rgb(182 218 198), hsl(147 33% 78%), oklch(0.857 0.047 160.9)) est la plus proche de la couleur nommée Frosted Fir. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B6DAC6
oklch(0.857 0.047 160.9)
Conversions de couleur
- HEX
- #b6dac6
- RGB
- rgb(182 218 198)
- HSL
- hsl(147 33% 78%)
- HWB
- hwb(147 71% 15%)
- OKLCH
- oklch(0.857 0.047 160.9)
- OKLab
- oklab(0.857 -0.044 0.015)
- CIE Lab
- lab(84.01 -15.23 5.73)
- LCH
- lch(84.01 16.27 159.4)
- CMYK
- cmyk(17% 0% 9% 15%)
Teintes · Ombres · Tons
Teintes
- BDDECC
- C5E1D1
- CCE5D7
- D3E9DD
- DBECE2
- E2F0E8
- E9F4EE
- F0F8F3
- F8FBF9
Ombres
- 9EBDAC
- 86A292
- 6F877A
- 596C62
- 44544B
- 303C35
- 1D2521
- 0C110E
- 020202
Tons
- B1D1BF
- ABC7B8
- A6BEB0
- A0B5A9
- 9BACA2
- 96A39B
- 909A94
- 8B918E
- 858987
Harmonies de couleurs
Complémentaire +180°
- B6DAC6
Frosted Fir
- E6C4D9
≈ Dreamy Memory
Analogue -30° +30°
- B6DAC6
Frosted Fir
- C5D7B7
≈ Spice Garden
- ADDAD7
≈ Rivers Edge
Triadique +120° +240°
- B6DAC6
Frosted Fir
- CACDEF
≈ Miami White
- ECC6B9
≈ Spiced Orange
Complémentaire divisée +150° +210°
- B6DAC6
Frosted Fir
- DAC8E7
≈ Foggy Love
- EDC4C8
≈ Berry Good
Tétradique +90° +180° +270°
- B6DAC6
Frosted Fir
- BAD3EE
≈ Summer Birthday
- E6C4D9
≈ Dreamy Memory
- E4CBAF
≈ Jacobean Lace
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.51:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.83:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.83:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--frosted-fir: #b6dac6;
--frosted-fir-rgb: 182 218 198;
--frosted-fir-oklch: oklch(0.857 0.047 160.9);
}
.element {
color: var(--frosted-fir);
background-color: hsl(147 33% 78%);
border-color: oklch(0.857 0.047 160.9);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b6dac6;
--color-frosted-fir-50: #eafaf1;
--color-frosted-fir-100: #dbede3;
--color-frosted-fir-200: #c3dbce;
--color-frosted-fir-300: #a3bfb0;
--color-frosted-fir-400: #87a795;
--color-frosted-fir-500: #6b907c;
--color-frosted-fir-600: #5b7a69;
--color-frosted-fir-700: #486254;
--color-frosted-fir-800: #35483c;
--color-frosted-fir-900: #24322a;
--color-frosted-fir-950: #131e17;
}SCSS
$frosted-fir: #b6dac6;
$frosted-fir-rgb: 182, 218, 198;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}