色名 · #BD6B1C
Thai Curry
Thai Curryは#BD6B1C：rgb(189 107 28)、hsl(29 74% 43%)、oklch(0.608 0.135 58.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Thai Curry color name →
#BD6B1C
oklch(0.608 0.135 58.2)
カラー変換
- HEX
- #bd6b1c
- RGB
- rgb(189 107 28)
- HSL
- hsl(29 74% 43%)
- HWB
- hwb(29 11% 26%)
- OKLCH
- oklch(0.608 0.135 58.2)
- OKLab
- oklab(0.608 0.071 0.115)
- CIE Lab
- lab(53.96 29.64 54.61)
- LCH
- lch(53.96 62.14 61.5)
- CMYK
- cmyk(0% 43% 85% 26%)
ティント · シェード · トーン
ティント
- C57A3B
- CC8953
- D3986A
- DAA67F
- E1B594
- E7C4AA
- EED2BF
- F4E1D4
- F9F0E9
シェード
- A45C17
- 8C4E12
- 743F0D
- 5D3208
- 472505
- 331802
- 1F0D01
- 0D0400
- 020000
トーン
- B76E2E
- B2713B
- AC7346
- A67550
- A07859
- 9A7A61
- 947B69
- 8E7D71
- 877F79
カラーハーモニー
補色 +180°
- BD6B1C
Thai Curry
- 028CC9
≈ Newport Blue
類似色 -30° +30°
- BD6B1C
Thai Curry
- C75F53
≈ Sunglo
- A27D00
≈ Hornet Yellow
トライアド +120° +240°
- BD6B1C
Thai Curry
- 009883
≈ Plumage
- 8D6FC8
≈ True V
スプリットコンプリメンタリー +150° +210°
- BD6B1C
Thai Curry
- 0094A3
≈ Tile Blue
- 607DD3
≈ Serenity’s Reign
テトラード +90° +180° +270°
- BD6B1C
Thai Curry
- 3F9852
≈ Alpine Herbs
- 028CC9
≈ Newport Blue
- AD63AB
≈ Iris Orchid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.97:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.28:1 · APCA Lc 35
最適な文字色: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
コードスニペット
CSS
:root {
--thai-curry: #bd6b1c;
--thai-curry-rgb: 189 107 28;
--thai-curry-oklch: oklch(0.608 0.135 58.2);
}
.element {
color: var(--thai-curry);
background-color: hsl(29 74% 43%);
border-color: oklch(0.608 0.135 58.2);
}Tailwind CSS v4
@theme {
--color-thai-curry: #bd6b1c;
--color-thai-curry-50: #ffedcf;
--color-thai-curry-100: #ffdebb;
--color-thai-curry-200: #ffc79a;
--color-thai-curry-300: #eaa76e;
--color-thai-curry-400: #d98946;
--color-thai-curry-500: #c66b00;
--color-thai-curry-600: #a75b0a;
--color-thai-curry-700: #86490a;
--color-thai-curry-800: #653407;
--color-thai-curry-900: #472305;
--color-thai-curry-950: #2e1200;
}SCSS
$thai-curry: #bd6b1c;
$thai-curry-rgb: 189, 107, 28;
$thai-curry-light: mix(#fff, $thai-curry, 20%);
$thai-curry-dark: mix(#000, $thai-curry, 20%);
.element {
color: $thai-curry;
box-shadow: 0 0 0 2px rgba($thai-curry, 0.35);
}