이름 색상 · #F5DAAA
Caribbean Sunrise
Caribbean Sunrise은(는) #F5DAAA: rgb(245 218 170), hsl(38 79% 81%), oklch(0.899 0.069 81.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Caribbean Sunrise color name →
#F5DAAA
oklch(0.899 0.069 81.8)
색상 변환
- HEX
- #f5daaa
- RGB
- rgb(245 218 170)
- HSL
- hsl(38 79% 81%)
- HWB
- hwb(38 67% 4%)
- OKLCH
- oklch(0.899 0.069 81.8)
- OKLab
- oklab(0.899 0.01 0.068)
- CIE Lab
- lab(88.45 4.57 27.31)
- LCH
- lch(88.45 27.69 80.5)
- CMYK
- cmyk(0% 11% 31% 4%)
틴트 · 셰이드 · 톤
틴트
- F6DEB3
- F7E2BB
- F8E5C4
- F9E9CC
- FAEDD5
- FBF0DD
- FCF4E6
- FDF8EE
- FEFBF7
셰이드
- D5BD93
- B6A27D
- 988768
- 7B6C53
- 5F543F
- 443C2D
- 2B251B
- 15110B
- 030201
톤
- E9D1A6
- DDC7A2
- D1BE9E
- C5B59A
- B9AC96
- ADA391
- A29A8D
- 969189
- 8B8984
색 조화
보색 +180°
- F5DAAA
Caribbean Sunrise
- CCDFFF
≈ Arc Light
유사색 -30° +30°
- F5DAAA
Caribbean Sunrise
- FFD3BA
≈ Peachy Bon-Bon
- DEE3AE
≈ Cocktail Onion
삼각 배색 +120° +240°
- F5DAAA
Caribbean Sunrise
- A7ECF1
≈ Mint Macaron
- F4CFFA
≈ Sassy Pink
분열 보색 +150° +210°
- F5DAAA
Caribbean Sunrise
- B7E6FF
≈ Frozen Landscape
- DED8FF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- F5DAAA
Caribbean Sunrise
- AFEDD8
≈ Faint Clover
- CCDFFF
≈ Arc Light
- FFCEE2
≈ Linnet Egg Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.49:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--caribbean-sunrise: #f5daaa;
--caribbean-sunrise-rgb: 245 218 170;
--caribbean-sunrise-oklch: oklch(0.899 0.069 81.8);
}
.element {
color: var(--caribbean-sunrise);
background-color: hsl(38 79% 81%);
border-color: oklch(0.899 0.069 81.8);
}Tailwind CSS v4
@theme {
--color-caribbean-sunrise: #f5daaa;
--color-caribbean-sunrise-50: #fff4df;
--color-caribbean-sunrise-100: #f3e6ce;
--color-caribbean-sunrise-200: #e2d2b3;
--color-caribbean-sunrise-300: #c8b58f;
--color-caribbean-sunrise-400: #b39b6f;
--color-caribbean-sunrise-500: #9d824f;
--color-caribbean-sunrise-600: #856e44;
--color-caribbean-sunrise-700: #6a5836;
--color-caribbean-sunrise-800: #4f4026;
--color-caribbean-sunrise-900: #372c19;
--color-caribbean-sunrise-950: #22190a;
}SCSS
$caribbean-sunrise: #f5daaa;
$caribbean-sunrise-rgb: 245, 218, 170;
$caribbean-sunrise-light: mix(#fff, $caribbean-sunrise, 20%);
$caribbean-sunrise-dark: mix(#000, $caribbean-sunrise, 20%);
.element {
color: $caribbean-sunrise;
box-shadow: 0 0 0 2px rgba($caribbean-sunrise, 0.35);
}