Cor nomeada mais próxima · #F6E5DD
#F6E5DD
Cor nomeada mais próxima: Dogwood
#F6E5DD (rgb(246 229 221), hsl(19 58% 92%), oklch(0.933 0.022 47)) é mais próxima da cor nomeada Dogwood. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F6E5DD
oklch(0.933 0.022 47)
Conversões de cor
- HEX
- #f6e5dd
- RGB
- rgb(246 229 221)
- HSL
- hsl(19 58% 92%)
- HWB
- hwb(19 87% 4%)
- OKLCH
- oklch(0.933 0.022 47)
- OKLab
- oklab(0.933 0.015 0.016)
- CIE Lab
- lab(92.16 5.01 6.11)
- LCH
- lch(92.16 7.9 50.6)
- CMYK
- cmyk(0% 7% 10% 4%)
Tons claros · Sombras · Tons
Tons claros
- F7E8E0
- F8EAE4
- F9EDE7
- FAEFEB
- FBF2EE
- FBF5F1
- FCF7F5
- FDFAF8
- FEFCFC
Sombras
- D6C7C0
- B7AAA4
- 988E88
- 7B726E
- 5F5855
- 453F3D
- 2C2826
- 151211
- 030302
Tons
- EADAD3
- DDD0CA
- D1C6C0
- C5BBB7
- B9B1AD
- AEA7A4
- A29D9B
- 969392
- 8B8A89
Harmonias de cor
Complementar +180°
- F6E5DD
Dogwood
- DBECF4
≈ Ice Fishing
Análoga -30° +30°
- F6E5DD
Dogwood
- F7E4E4
≈ Faint Pink
- F1E7D9
≈ Ballet White
Tríade +120° +240°
- F6E5DD
Dogwood
- DCEEE6
≈ Shattered Ice
- E7E7F7
≈ Glitter
Complementar dividida +150° +210°
- F6E5DD
Dogwood
- D9EEEE
≈ Blue Green Rules
- E0EAF8
≈ Husky
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.17:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--dogwood: #f6e5dd;
--dogwood-rgb: 246 229 221;
--dogwood-oklch: oklch(0.933 0.022 47);
}
.element {
color: var(--dogwood);
background-color: hsl(19 58% 92%);
border-color: oklch(0.933 0.022 47);
}Tailwind CSS v4
@theme {
--color-dogwood: #f6e5dd;
--color-dogwood-50: #fbf3f0;
--color-dogwood-100: #eee6e2;
--color-dogwood-200: #dcd2cc;
--color-dogwood-300: #c1b4ae;
--color-dogwood-400: #aa9b94;
--color-dogwood-500: #93827a;
--color-dogwood-600: #7c6e68;
--color-dogwood-700: #635853;
--color-dogwood-800: #49403c;
--color-dogwood-900: #332c29;
--color-dogwood-950: #1e1917;
}SCSS
$dogwood: #f6e5dd;
$dogwood-rgb: 246, 229, 221;
$dogwood-light: mix(#fff, $dogwood, 20%);
$dogwood-dark: mix(#000, $dogwood, 20%);
.element {
color: $dogwood;
box-shadow: 0 0 0 2px rgba($dogwood, 0.35);
}