色名 · #CA7A40
Turmeric Red
Turmeric Redは#CA7A40：rgb(202 122 64)、hsl(25 57% 52%)、oklch(0.655 0.124 54.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Turmeric Red color name →
#CA7A40
oklch(0.655 0.124 54.5)
カラー変換
- HEX
- #ca7a40
- RGB
- rgb(202 122 64)
- HSL
- hsl(25 57% 52%)
- HWB
- hwb(25 25% 21%)
- OKLCH
- oklch(0.655 0.124 54.5)
- OKLab
- oklab(0.655 0.072 0.101)
- CIE Lab
- lab(59.35 28.41 44.73)
- LCH
- lch(59.35 52.99 57.6)
- CMYK
- cmyk(0% 40% 68% 21%)
ティント · シェード · トーン
ティント
- D08755
- D69569
- DCA27C
- E2AF8E
- E7BCA1
- ECCAB4
- F1D7C6
- F6E4D9
- FBF2EC
シェード
- AF6936
- 95592D
- 7C4924
- 643A1B
- 4D2B13
- 371D0B
- 221005
- 0F0501
- 020100
トーン
- C37B49
- BC7C51
- B57D58
- AE7E5E
- A67F65
- 9F7F6B
- 978070
- 908076
- 88807B
カラーハーモニー
補色 +180°
- CA7A40
Turmeric Red
- 2D9CD1
≈ Blue Burst
類似色 -30° +30°
- CA7A40
Turmeric Red
- D2706A
≈ Matador’s Cape
- B48922
≈ Arrowwood
トライアド +120° +240°
- CA7A40
Turmeric Red
- 02A98B
≈ Moray Eel
- 9680D4
≈ Indigo Bloom
スプリットコンプリメンタリー +150° +210°
- CA7A40
Turmeric Red
- 00A4B0
≈ Garish Blue
- 6A8EDC
≈ United Nations Blue
テトラード +90° +180° +270°
- CA7A40
Turmeric Red
- 5DA45F
≈ Endo
- 2D9CD1
≈ Blue Burst
- B675BB
≈ Lavendless
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.29:1 · APCA Lc 60
Ag
AA黒の上
WCAG 6.36:1 · APCA Lc 42
最適な文字色: #000000
WCAG 6.36:1 (AA) · APCA Lc 42
Contrast pairs
コードスニペット
CSS
:root {
--turmeric-red: #ca7a40;
--turmeric-red-rgb: 202 122 64;
--turmeric-red-oklch: oklch(0.655 0.124 54.5);
}
.element {
color: var(--turmeric-red);
background-color: hsl(25 57% 52%);
border-color: oklch(0.655 0.124 54.5);
}Tailwind CSS v4
@theme {
--color-turmeric-red: #ca7a40;
--color-turmeric-red-50: #ffedd4;
--color-turmeric-red-100: #ffdec1;
--color-turmeric-red-200: #fec7a1;
--color-turmeric-red-300: #e8a778;
--color-turmeric-red-400: #d78953;
--color-turmeric-red-500: #c36c27;
--color-turmeric-red-600: #a55c23;
--color-turmeric-red-700: #85491c;
--color-turmeric-red-800: #633414;
--color-turmeric-red-900: #46240d;
--color-turmeric-red-950: #2d1202;
}SCSS
$turmeric-red: #ca7a40;
$turmeric-red-rgb: 202, 122, 64;
$turmeric-red-light: mix(#fff, $turmeric-red, 20%);
$turmeric-red-dark: mix(#000, $turmeric-red, 20%);
.element {
color: $turmeric-red;
box-shadow: 0 0 0 2px rgba($turmeric-red, 0.35);
}