이름 색상 · #F9E1CF
Derry Coast Sunrise
Derry Coast Sunrise은(는) #F9E1CF: rgb(249 225 207), hsl(26 78% 89%), oklch(0.925 0.036 59.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Derry Coast Sunrise color name →
#F9E1CF
oklch(0.925 0.036 59.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FAE4D4
- FAE7D9
- FBEADD
- FCEDE2
- FCF0E7
- FDF3EC
- FDF6F1
- FEF9F5
- FEFCFA
셰이드
- D9C4B4
- B9A799
- 9A8B7F
- 7D7067
- 61564F
- 463E38
- 2C2723
- 151210
- 030202
톤
- ECD7C7
- E0CDBF
- D3C3B7
- C7B9AF
- BBAFA7
- AFA69F
- A39C97
- 97938F
- 8B8988
색 조화
보색 +180°
- F9E1CF
Derry Coast Sunrise
- D1EAFC
≈ Veiling Waterfalls
유사색 -30° +30°
- F9E1CF
Derry Coast Sunrise
- FDDED8
≈ Pink Glitter
- F0E5CC
≈ Champagne Burst
삼각 배색 +120° +240°
- F9E1CF
Derry Coast Sunrise
- CEEEE6
≈ Underwater
- E9E1FB
≈ Lavender Mist
분열 보색 +150° +210°
- F9E1CF
Derry Coast Sunrise
- CCEDF3
≈ Chalky Blue White
- DCE6FF
≈ Lavender Mist
사각 배색 +90° +180° +270°
- F9E1CF
Derry Coast Sunrise
- D6EDD9
≈ Silky Mint
- D1EAFC
≈ Veiling Waterfalls
- F4DEF2
≈ Grape Taffy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.69:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}