Color con nombre · #F6E6E4
Clear Calamine
Clear Calamine es #F6E6E4: rgb(246 230 228), hsl(7 50% 93%), oklch(0.937 0.018 26.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Clear Calamine color name →
#F6E6E4
oklch(0.937 0.018 26.1)
Conversiones de color
- HEX
- #f6e6e4
- RGB
- rgb(246 230 228)
- HSL
- hsl(7 50% 93%)
- HWB
- hwb(7 89% 4%)
- OKLCH
- oklch(0.937 0.018 26.1)
- OKLab
- oklab(0.937 0.016 0.008)
- CIE Lab
- lab(92.55 5.38 3.04)
- LCH
- lch(92.55 6.17 29.5)
- CMYK
- cmyk(0% 7% 7% 4%)
Tintes · Sombras · Tonos
Tintes
- F7E8E7
- F8EBE9
- F9EDEC
- FAF0EF
- FBF2F1
- FBF5F4
- FCF7F7
- FDFAFA
- FEFCFC
Sombras
- D6C8C6
- B7ABA9
- 988E8D
- 7B7372
- 5F5958
- 45403F
- 2C2828
- 151312
- 030303
Tonos
- EADBDA
- DDD1CF
- D1C6C5
- C5BCBB
- B9B2B1
- AEA7A7
- A29D9D
- 969493
- 8B8A8A
Armonías de color
Complementario +180°
- F6E6E4
Clear Calamine
- DDEEF0
≈ White Glaze
Análogo -30° +30°
- F6E6E4
Clear Calamine
- F5E6EA
≈ Amour Frais
- F4E7DF
≈ Goose Down
Triádico +120° +240°
- F6E6E4
Clear Calamine
- E3EEE3
≈ Green Whisper
- E5EAF7
≈ Icy Lilac
Complementario dividido +150° +210°
- F6E6E4
Clear Calamine
- DFEEEA
≈ Drifting Tide
- E0ECF5
≈ Out Cold
Tetrádico +90° +180° +270°
- F6E6E4
Clear Calamine
- E9ECDF
≈ Sterling Shadow
- DDEEF0
≈ White Glaze
- EBE8F5
≈ Tranquil Eve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.35:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--clear-calamine: #f6e6e4;
--clear-calamine-rgb: 246 230 228;
--clear-calamine-oklch: oklch(0.937 0.018 26.1);
}
.element {
color: var(--clear-calamine);
background-color: hsl(7 50% 93%);
border-color: oklch(0.937 0.018 26.1);
}Tailwind CSS v4
@theme {
--color-clear-calamine: #f6e6e4;
--color-clear-calamine-50: #faf3f2;
--color-clear-calamine-100: #eee6e4;
--color-clear-calamine-200: #dcd2d0;
--color-clear-calamine-300: #c0b4b2;
--color-clear-calamine-400: #a99b99;
--color-clear-calamine-500: #928280;
--color-clear-calamine-600: #7b6e6c;
--color-clear-calamine-700: #635857;
--color-clear-calamine-800: #48403f;
--color-clear-calamine-900: #322c2c;
--color-clear-calamine-950: #1e1919;
}SCSS
$clear-calamine: #f6e6e4;
$clear-calamine-rgb: 246, 230, 228;
$clear-calamine-light: mix(#fff, $clear-calamine, 20%);
$clear-calamine-dark: mix(#000, $clear-calamine, 20%);
.element {
color: $clear-calamine;
box-shadow: 0 0 0 2px rgba($clear-calamine, 0.35);
}