色名 · #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);
}