Warna bernama · #F5E5CE
Celtic Linen
Celtic Linen adalah #F5E5CE: rgb(245 229 206), hsl(35 66% 88%), oklch(0.929 0.035 77.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Celtic Linen color name →
#F5E5CE
oklch(0.929 0.035 77.1)
Konversi warna
- HEX
- #f5e5ce
- RGB
- rgb(245 229 206)
- HSL
- hsl(35 66% 88%)
- HWB
- hwb(35 81% 4%)
- OKLCH
- oklch(0.929 0.035 77.1)
- OKLab
- oklab(0.929 0.008 0.034)
- CIE Lab
- lab(91.79 2.91 13.33)
- LCH
- lch(91.79 13.64 77.7)
- CMYK
- cmyk(0% 7% 16% 4%)
Tint · Shade · Tone
Tint
- F6E8D3
- F7EAD8
- F8EDDD
- F9EFE2
- FAF2E6
- FBF5EB
- FCF7F0
- FDFAF5
- FEFCFA
Shade
- D5C7B3
- B6AA98
- 988E7F
- 7B7266
- 5F584E
- 443F38
- 2B2823
- 15120F
- 030302
Tone
- E9DAC6
- DDD0BE
- D1C6B6
- C5BBAE
- B9B1A6
- ADA79F
- A29D97
- 96938F
- 8B8A88
Harmoni warna
Komplementer +180°
- F5E5CE
Celtic Linen
- D9E9FF
≈ Veiling Waterfalls
Analog -30° +30°
- F5E5CE
Celtic Linen
- FCE1D4
≈ Light Quilt
- EAEACF
≈ Palmito
Triadik +120° +240°
- F5E5CE
Celtic Linen
- CDEFEF
≈ Morning Calm
- F1E1F7
≈ Sheer Lavender
Split-komplementer +150° +210°
- F5E5CE
Celtic Linen
- D0EDFA
≈ Blue Hijab
- E5E4FE
≈ Lavender Mist
Tetradik +90° +180° +270°
- F5E5CE
Celtic Linen
- D2EFE2
≈ Pastel Jade
- D9E9FF
≈ Veiling Waterfalls
- FADEEC
≈ Transparent Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.23:1 · APCA Lc 12
Ag
AAADi atas hitam
WCAG 16.98:1 · APCA Lc 92
Warna teks terbaik: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--celtic-linen: #f5e5ce;
--celtic-linen-rgb: 245 229 206;
--celtic-linen-oklch: oklch(0.929 0.035 77.1);
}
.element {
color: var(--celtic-linen);
background-color: hsl(35 66% 88%);
border-color: oklch(0.929 0.035 77.1);
}Tailwind CSS v4
@theme {
--color-celtic-linen: #f5e5ce;
--color-celtic-linen-50: #fbf4ea;
--color-celtic-linen-100: #eee7db;
--color-celtic-linen-200: #dcd3c4;
--color-celtic-linen-300: #c1b6a4;
--color-celtic-linen-400: #aa9c88;
--color-celtic-linen-500: #94846c;
--color-celtic-linen-600: #7d6f5c;
--color-celtic-linen-700: #645949;
--color-celtic-linen-800: #4a4135;
--color-celtic-linen-900: #332d24;
--color-celtic-linen-950: #1f1a13;
}SCSS
$celtic-linen: #f5e5ce;
$celtic-linen-rgb: 245, 229, 206;
$celtic-linen-light: mix(#fff, $celtic-linen, 20%);
$celtic-linen-dark: mix(#000, $celtic-linen, 20%);
.element {
color: $celtic-linen;
box-shadow: 0 0 0 2px rgba($celtic-linen, 0.35);
}