Warna bernama · #F9E1CF
Derry Coast Sunrise
Derry Coast Sunrise adalah #F9E1CF: rgb(249 225 207), hsl(26 78% 89%), oklch(0.925 0.036 59.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Derry Coast Sunrise color name →
#F9E1CF
oklch(0.925 0.036 59.2)
Konversi warna
- HEX
- #f9e1cf
- RGB
- rgb(249 225 207)
- HSL
- hsl(26 78% 89%)
- HWB
- hwb(26 81% 2%)
- OKLCH
- oklch(0.925 0.036 59.2)
- OKLab
- oklab(0.925 0.018 0.031)
- CIE Lab
- lab(91.16 6.42 11.99)
- LCH
- lch(91.16 13.6 61.8)
- CMYK
- cmyk(0% 10% 17% 2%)
Tint · Shade · Tone
Tint
- FAE4D4
- FAE7D9
- FBEADD
- FCEDE2
- FCF0E7
- FDF3EC
- FDF6F1
- FEF9F5
- FEFCFA
Shade
- D9C4B4
- B9A799
- 9A8B7F
- 7D7067
- 61564F
- 463E38
- 2C2723
- 151210
- 030202
Tone
- ECD7C7
- E0CDBF
- D3C3B7
- C7B9AF
- BBAFA7
- AFA69F
- A39C97
- 97938F
- 8B8988
Harmoni warna
Komplementer +180°
- F9E1CF
Derry Coast Sunrise
- D1EAFC
≈ Veiling Waterfalls
Analog -30° +30°
- F9E1CF
Derry Coast Sunrise
- FDDED8
≈ Pink Glitter
- F0E5CC
≈ Champagne Burst
Triadik +120° +240°
- F9E1CF
Derry Coast Sunrise
- CEEEE6
≈ Underwater
- E9E1FB
≈ Lavender Mist
Split-komplementer +150° +210°
- F9E1CF
Derry Coast Sunrise
- CCEDF3
≈ Chalky Blue White
- DCE6FF
≈ Lavender Mist
Tetradik +90° +180° +270°
- F9E1CF
Derry Coast Sunrise
- D6EDD9
≈ Silky Mint
- D1EAFC
≈ Veiling Waterfalls
- F4DEF2
≈ Grape Taffy
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.25:1 · APCA Lc 13
Ag
AAADi atas hitam
WCAG 16.69:1 · APCA Lc 91
Warna teks terbaik: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Cuplikan kode
CSS
:root {
--derry-coast-sunrise: #f9e1cf;
--derry-coast-sunrise-rgb: 249 225 207;
--derry-coast-sunrise-oklch: oklch(0.925 0.036 59.2);
}
.element {
color: var(--derry-coast-sunrise);
background-color: hsl(26 78% 89%);
border-color: oklch(0.925 0.036 59.2);
}Tailwind CSS v4
@theme {
--color-derry-coast-sunrise: #f9e1cf;
--color-derry-coast-sunrise-50: #fdf3eb;
--color-derry-coast-sunrise-100: #f1e5dc;
--color-derry-coast-sunrise-200: #e0d1c5;
--color-derry-coast-sunrise-300: #c5b4a5;
--color-derry-coast-sunrise-400: #af9a8a;
--color-derry-coast-sunrise-500: #99816f;
--color-derry-coast-sunrise-600: #816d5e;
--color-derry-coast-sunrise-700: #67574b;
--color-derry-coast-sunrise-800: #4c3f36;
--color-derry-coast-sunrise-900: #352c25;
--color-derry-coast-sunrise-950: #201914;
}SCSS
$derry-coast-sunrise: #f9e1cf;
$derry-coast-sunrise-rgb: 249, 225, 207;
$derry-coast-sunrise-light: mix(#fff, $derry-coast-sunrise, 20%);
$derry-coast-sunrise-dark: mix(#000, $derry-coast-sunrise, 20%);
.element {
color: $derry-coast-sunrise;
box-shadow: 0 0 0 2px rgba($derry-coast-sunrise, 0.35);
}