이름 색상 · #F9CBA0
Chai Latte
Chai Latte은(는) #F9CBA0: rgb(249 203 160), hsl(29 88% 80%), oklch(0.872 0.077 64.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chai Latte color name →
#F9CBA0
oklch(0.872 0.077 64.6)
색상 변환
- HEX
- #f9cba0
- RGB
- rgb(249 203 160)
- HSL
- hsl(29 88% 80%)
- HWB
- hwb(29 63% 2%)
- OKLCH
- oklch(0.872 0.077 64.6)
- OKLab
- oklab(0.872 0.033 0.069)
- CIE Lab
- lab(85.01 12.57 27.97)
- LCH
- lch(85.01 30.66 65.8)
- CMYK
- cmyk(0% 18% 36% 2%)
틴트 · 셰이드 · 톤
틴트
- FAD0AA
- FBD6B3
- FBDBBD
- FCE0C6
- FDE5D0
- FDEAD9
- FEF0E3
- FEF5EC
- FFFAF6
셰이드
- D9B08B
- B99676
- 9A7D61
- 7D654E
- 614D3B
- 463729
- 2C2219
- 150F09
- 030201
톤
- ECC39D
- E0BC9A
- D4B497
- C7AD94
- BBA591
- AF9E8E
- A3968A
- 978F87
- 8C8783
색 조화
보색 +180°
- F9CBA0
Chai Latte
- B0DAFF
≈ Droplet
유사색 -30° +30°
- F9CBA0
Chai Latte
- FFC5B7
≈ Salmon Peach
- E5D59B
≈ Lifeless Planet
삼각 배색 +120° +240°
- F9CBA0
Chai Latte
- 9AE6DB
≈ Sea Glass Teal
- E0C9FE
≈ Foggy Heath
분열 보색 +150° +210°
- F9CBA0
Chai Latte
- 99E2F4
≈ Blizzard Blue
- C8D2FF
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- F9CBA0
Chai Latte
- ADE4BF
≈ Fringy Flower
- B0DAFF
≈ Droplet
- F5C2E9
≈ Pretty in Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.07:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--chai-latte: #f9cba0;
--chai-latte-rgb: 249 203 160;
--chai-latte-oklch: oklch(0.872 0.077 64.6);
}
.element {
color: var(--chai-latte);
background-color: hsl(29 88% 80%);
border-color: oklch(0.872 0.077 64.6);
}Tailwind CSS v4
@theme {
--color-chai-latte: #f9cba0;
--color-chai-latte-50: #fff1df;
--color-chai-latte-100: #fae4cd;
--color-chai-latte-200: #ebcfb2;
--color-chai-latte-300: #d3b08e;
--color-chai-latte-400: #bf956e;
--color-chai-latte-500: #aa7b4e;
--color-chai-latte-600: #8f6843;
--color-chai-latte-700: #735335;
--color-chai-latte-800: #553c26;
--color-chai-latte-900: #3c2919;
--color-chai-latte-950: #25170a;
}SCSS
$chai-latte: #f9cba0;
$chai-latte-rgb: 249, 203, 160;
$chai-latte-light: mix(#fff, $chai-latte, 20%);
$chai-latte-dark: mix(#000, $chai-latte, 20%);
.element {
color: $chai-latte;
box-shadow: 0 0 0 2px rgba($chai-latte, 0.35);
}