Warna bernama · #F6E6E4
Clear Calamine
Clear Calamine adalah #F6E6E4: rgb(246 230 228), hsl(7 50% 93%), oklch(0.937 0.018 26.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Clear Calamine color name →
#F6E6E4
oklch(0.937 0.018 26.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F7E8E7
- F8EBE9
- F9EDEC
- FAF0EF
- FBF2F1
- FBF5F4
- FCF7F7
- FDFAFA
- FEFCFC
Shade
- D6C8C6
- B7ABA9
- 988E8D
- 7B7372
- 5F5958
- 45403F
- 2C2828
- 151312
- 030303
Tone
- EADBDA
- DDD1CF
- D1C6C5
- C5BCBB
- B9B2B1
- AEA7A7
- A29D9D
- 969493
- 8B8A8A
Harmoni warna
Komplementer +180°
- F6E6E4
Clear Calamine
- DDEEF0
≈ White Glaze
Analog -30° +30°
- F6E6E4
Clear Calamine
- F5E6EA
≈ Amour Frais
- F4E7DF
≈ Goose Down
Triadik +120° +240°
- F6E6E4
Clear Calamine
- E3EEE3
≈ Green Whisper
- E5EAF7
≈ Icy Lilac
Split-komplementer +150° +210°
- F6E6E4
Clear Calamine
- DFEEEA
≈ Drifting Tide
- E0ECF5
≈ Out Cold
Tetradik +90° +180° +270°
- F6E6E4
Clear Calamine
- E9ECDF
≈ Sterling Shadow
- DDEEF0
≈ White Glaze
- EBE8F5
≈ Tranquil Eve
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.20:1 · APCA Lc 10
Ag
AAADi atas hitam
WCAG 17.35:1 · APCA Lc 94
Warna teks terbaik: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Cuplikan kode
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);
}