Named color · #F6EBE6
Naivete
Naivete is #F6EBE6: rgb(246 235 230), hsl(19 47% 93%), oklch(0.947 0.014 46.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Naivete color name →
#F6EBE6
oklch(0.947 0.014 46.2)
Color conversions
- HEX
- #f6ebe6
- RGB
- rgb(246 235 230)
- HSL
- hsl(19 47% 93%)
- HWB
- hwb(19 90% 4%)
- OKLCH
- oklch(0.947 0.014 46.2)
- OKLab
- oklab(0.947 0.01 0.01)
- CIE Lab
- lab(93.82 3.21 3.83)
- LCH
- lch(93.82 5 50)
- CMYK
- cmyk(0% 4% 7% 4%)
Tints · Shades · Tones
Tints
- F7EDE8
- F8EFEB
- F9F1ED
- FAF3F0
- FBF5F2
- FBF7F5
- FCF9F7
- FDFBFA
- FEFDFC
Shades
- D6CCC8
- B7AEAB
- 98918E
- 7B7573
- 5F5B59
- 454140
- 2C2928
- 151313
- 030303
Tones
- EAE0DB
- DDD5D1
- D1CAC6
- C5BFBC
- B9B4B2
- AEA9A7
- A29F9D
- 969494
- 8B8A8A
Color harmonies
Complementary +180°
- F6EBE6
Naivete
- E5F0F5
≈ Clear Vision
Analogous -30° +30°
- F6EBE6
Naivete
- F7EAEA
≈ Ballerina Gown
- F3EDE4
≈ Angelic White
Triadic +120° +240°
- F6EBE6
Naivete
- E6F1EB
≈ Opera Glass
- ECECF7
≈ Silver Phoenix
Split-complementary +150° +210°
- F6EBE6
Naivete
- E4F1F1
≈ Ethereal White
- E8EEF7
≈ First Snow
Tetradic +90° +180° +270°
- F6EBE6
Naivete
- E9F0E7
≈ Trellis
- E5F0F5
≈ Clear Vision
- F1EBF4
≈ Snow Plum
Contrast & accessibility
Ag
FailOn white
WCAG 1.17:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.94:1 · APCA Lc 96
Best text color: #000000
WCAG 17.94:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--naivete: #f6ebe6;
--naivete-rgb: 246 235 230;
--naivete-oklch: oklch(0.947 0.014 46.2);
}
.element {
color: var(--naivete);
background-color: hsl(19 47% 93%);
border-color: oklch(0.947 0.014 46.2);
}Tailwind CSS v4
@theme {
--color-naivete: #f6ebe6;
--color-naivete-50: #f9f4f2;
--color-naivete-100: #ece7e4;
--color-naivete-200: #d9d3cf;
--color-naivete-300: #beb5b1;
--color-naivete-400: #a69c98;
--color-naivete-500: #8e847f;
--color-naivete-600: #786f6b;
--color-naivete-700: #605956;
--color-naivete-800: #47413f;
--color-naivete-900: #312d2b;
--color-naivete-950: #1d1a18;
}SCSS
$naivete: #f6ebe6;
$naivete-rgb: 246, 235, 230;
$naivete-light: mix(#fff, $naivete, 20%);
$naivete-dark: mix(#000, $naivete, 20%);
.element {
color: $naivete;
box-shadow: 0 0 0 2px rgba($naivete, 0.35);
}