Cor nomeada mais próxima · #DFF2F2
#DFF2F2
Cor nomeada mais próxima: Bone-Chilling
#DFF2F2 (rgb(223 242 242), hsl(180 42% 91%), oklch(0.947 0.02 196.8)) é mais próxima da cor nomeada Bone-Chilling. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DFF2F2
oklch(0.947 0.02 196.8)
Conversões de cor
- HEX
- #dff2f2
- RGB
- rgb(223 242 242)
- HSL
- hsl(180 42% 91%)
- HWB
- hwb(180 87% 5%)
- OKLCH
- oklch(0.947 0.02 196.8)
- OKLab
- oklab(0.947 -0.019 -0.006)
- CIE Lab
- lab(94.08 -6.47 -2.26)
- LCH
- lch(94.08 6.85 199.2)
- CMYK
- cmyk(8% 0% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- E2F3F3
- E5F5F5
- E9F6F6
- ECF7F7
- EFF9F8
- F2FAFA
- F5FBFB
- F9FCFC
- FCFEFE
Sombras
- C2D2D2
- A5B4B4
- 8A9696
- 6F7979
- 565E5E
- 3D4343
- 272B2B
- 121414
- 020303
Tons
- D5E6E6
- CBDADA
- C2CECE
- B8C3C3
- AEB7B7
- A5ACAC
- 9CA1A1
- 929696
- 898B8B
Harmonias de cor
Complementar +180°
- DFF2F2
Bone-Chilling
- FBE8E9
≈ Unburdened Pink
Análoga -30° +30°
- DFF2F2
Bone-Chilling
- E2F2EB
≈ Opera Glass
- E0F1F8
≈ Wizard White
Tríade +120° +240°
- DFF2F2
Bone-Chilling
- F3EAF7
≈ Perfume Haze
- F5ECDF
≈ Light Touch
Complementar dividida +150° +210°
- DFF2F2
Bone-Chilling
- F8E8F0
≈ Cherry Pearl
- FAEAE2
≈ Dogwood
Tétrade +90° +180° +270°
- DFF2F2
Bone-Chilling
- ECECFB
≈ Placebo Purple
- FBE8E9
≈ Unburdened Pink
- EFEFE0
≈ Pearl Onion
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre preto
WCAG 18.12:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--bone-chilling: #dff2f2;
--bone-chilling-rgb: 223 242 242;
--bone-chilling-oklch: oklch(0.947 0.02 196.8);
}
.element {
color: var(--bone-chilling);
background-color: hsl(180 42% 91%);
border-color: oklch(0.947 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #dff2f2;
--color-bone-chilling-50: #eff7f7;
--color-bone-chilling-100: #e1eaea;
--color-bone-chilling-200: #cbd7d7;
--color-bone-chilling-300: #acbbbb;
--color-bone-chilling-400: #91a2a2;
--color-bone-chilling-500: #778b8b;
--color-bone-chilling-600: #657575;
--color-bone-chilling-700: #515e5e;
--color-bone-chilling-800: #3b4544;
--color-bone-chilling-900: #282f2f;
--color-bone-chilling-950: #161c1c;
}SCSS
$bone-chilling: #dff2f2;
$bone-chilling-rgb: 223, 242, 242;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}