Cor nomeada mais próxima · #BDDBC7
#BDDBC7
Cor nomeada mais próxima: Frosted Fir
#BDDBC7 (rgb(189 219 199), hsl(140 29% 80%), oklch(0.864 0.042 156.2)) é mais próxima da cor nomeada Frosted Fir. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BDDBC7
oklch(0.864 0.042 156.2)
Conversões de cor
- HEX
- #bddbc7
- RGB
- rgb(189 219 199)
- HSL
- hsl(140 29% 80%)
- HWB
- hwb(140 74% 14%)
- OKLCH
- oklch(0.864 0.042 156.2)
- OKLab
- oklab(0.864 -0.038 0.017)
- CIE Lab
- lab(84.78 -13.18 6.36)
- LCH
- lch(84.78 14.63 154.2)
- CMYK
- cmyk(14% 0% 9% 14%)
Tons claros · Sombras · Tons
Tons claros
- C4DFCD
- CAE2D2
- D1E6D8
- D7E9DD
- DEEDE3
- E5F1E8
- EBF4EE
- F2F8F4
- F8FBF9
Sombras
- A4BEAD
- 8CA293
- 74877A
- 5D6D62
- 47544C
- 333C36
- 1F2621
- 0D110E
- 020202
Tons
- B7D2C0
- B1C8B8
- AABFB1
- A4B6AA
- 9EACA3
- 98A39C
- 929A95
- 8C928E
- 868987
Harmonias de cor
Complementar +180°
- BDDBC7
Frosted Fir
- E5C8DD
≈ Kiss Good Night
Análoga -30° +30°
- BDDBC7
Frosted Fir
- CBD8BA
≈ Meadow Mist
- B4DCD6
≈ Catch the Wave
Tríade +120° +240°
- BDDBC7
Frosted Fir
- CAD1EE
≈ Frozen Periwinkle
- ECC9BF
≈ Harmony
Complementar dividida +150° +210°
- BDDBC7
Frosted Fir
- D9CCE9
≈ Plum’s the Word
- ECC7CE
≈ Funny Face
Tétrade +90° +180° +270°
- BDDBC7
Frosted Fir
- BDD6ED
≈ Light Water Wash
- E5C8DD
≈ Kiss Good Night
- E6CDB6
≈ Ginseng Root
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.12:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.12:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--frosted-fir: #bddbc7;
--frosted-fir-rgb: 189 219 199;
--frosted-fir-oklch: oklch(0.864 0.042 156.2);
}
.element {
color: var(--frosted-fir);
background-color: hsl(140 29% 80%);
border-color: oklch(0.864 0.042 156.2);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #bddbc7;
--color-frosted-fir-50: #ecf9f1;
--color-frosted-fir-100: #ddece3;
--color-frosted-fir-200: #c6dace;
--color-frosted-fir-300: #a6beaf;
--color-frosted-fir-400: #8ba694;
--color-frosted-fir-500: #708f7b;
--color-frosted-fir-600: #5f7968;
--color-frosted-fir-700: #4c6153;
--color-frosted-fir-800: #37473c;
--color-frosted-fir-900: #263129;
--color-frosted-fir-950: #141d17;
}SCSS
$frosted-fir: #bddbc7;
$frosted-fir-rgb: 189, 219, 199;
$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);
}