Cor nomeada mais próxima · #F6F0D9
#F6F0D9
Cor nomeada mais próxima: Star Dust
#F6F0D9 (rgb(246 240 217), hsl(48 62% 91%), oklch(0.954 0.031 94.9)) é mais próxima da cor nomeada Star Dust. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F6F0D9
oklch(0.954 0.031 94.9)
Conversões de cor
- HEX
- #f6f0d9
- RGB
- rgb(246 240 217)
- HSL
- hsl(48 62% 91%)
- HWB
- hwb(48 85% 4%)
- OKLCH
- oklch(0.954 0.031 94.9)
- OKLab
- oklab(0.954 -0.003 0.031)
- CIE Lab
- lab(94.81 -0.74 11.92)
- LCH
- lch(94.81 11.94 93.5)
- CMYK
- cmyk(0% 2% 12% 4%)
Tons claros · Sombras · Tons
Tons claros
- F7F2DD
- F8F3E1
- F9F5E4
- FAF6E8
- FAF8EC
- FBF9F0
- FCFBF4
- FDFCF7
- FEFEFB
Sombras
- D6D1BC
- B7B2A1
- 989586
- 7B786C
- 5F5D53
- 45433B
- 2C2A25
- 151411
- 030302
Tons
- EAE4D0
- DDD9C7
- D1CDBE
- C5C2B5
- B9B6AC
- ADABA3
- A2A09A
- 969591
- 8B8B89
Harmonias de cor
Complementar +180°
- F6F0D9
Star Dust
- EBEFFF
≈ Carte Blanche
Análoga -30° +30°
- F6F0D9
Star Dust
- FFECDB
≈ Flowerbed
- EBF4DD
≈ White Willow
Tríade +120° +240°
- F6F0D9
Star Dust
- D9F6FD
≈ Glacial Day
- FEE8F8
≈ Dolomite Crystal
Complementar dividida +150° +210°
- F6F0D9
Star Dust
- E3F2FF
≈ Wizard White
- F4ECFF
≈ Placebo Fuchsia
Tétrade +90° +180° +270°
- F6F0D9
Star Dust
- DAF7F2
≈ Fishious Rend
- EBEFFF
≈ Carte Blanche
- FFE9ED
≈ Rose Mochi
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.38:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.38:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--star-dust: #f6f0d9;
--star-dust-rgb: 246 240 217;
--star-dust-oklch: oklch(0.954 0.031 94.9);
}
.element {
color: var(--star-dust);
background-color: hsl(48 62% 91%);
border-color: oklch(0.954 0.031 94.9);
}Tailwind CSS v4
@theme {
--color-star-dust: #f6f0d9;
--color-star-dust-50: #f7f5ec;
--color-star-dust-100: #ebe8dd;
--color-star-dust-200: #d8d5c6;
--color-star-dust-300: #bcb8a6;
--color-star-dust-400: #a49f8a;
--color-star-dust-500: #8c866f;
--color-star-dust-600: #77725e;
--color-star-dust-700: #5f5b4b;
--color-star-dust-800: #464236;
--color-star-dust-900: #302e25;
--color-star-dust-950: #1d1b14;
}SCSS
$star-dust: #f6f0d9;
$star-dust-rgb: 246, 240, 217;
$star-dust-light: mix(#fff, $star-dust, 20%);
$star-dust-dark: mix(#000, $star-dust, 20%);
.element {
color: $star-dust;
box-shadow: 0 0 0 2px rgba($star-dust, 0.35);
}