色名 · #DDCDB3
Cochise
Cochiseは#DDCDB3：rgb(221 205 179)、hsl(37 38% 78%)、oklch(0.855 0.039 80)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cochise color name →
#DDCDB3
oklch(0.855 0.039 80)
カラー変換
- HEX
- #ddcdb3
- RGB
- rgb(221 205 179)
- HSL
- hsl(37 38% 78%)
- HWB
- hwb(37 70% 13%)
- OKLCH
- oklch(0.855 0.039 80)
- OKLab
- oklab(0.855 0.007 0.039)
- CIE Lab
- lab(83.22 2.68 15.12)
- LCH
- lch(83.22 15.35 79.9)
- CMYK
- cmyk(0% 7% 19% 13%)
ティント · シェード · トーン
ティント
- E0D2BB
- E4D7C2
- E7DCCA
- EBE1D1
- EEE6D9
- F1EBE0
- F5F0E8
- F8F5F0
- FCFAF7
シェード
- C0B29B
- A49884
- 887E6E
- 6E6658
- 554E43
- 3D382F
- 26231D
- 110F0C
- 020201
トーン
- D3C5AE
- CABDA9
- C0B5A4
- B7AD9E
- ADA699
- A49E94
- 9B968F
- 928F8A
- 898785
カラーハーモニー
補色 +180°
- DDCDB3
Cochise
- C1D0EA
≈ Misty Mountains
類似色 -30° +30°
- DDCDB3
Cochise
- E6C8B9
≈ Cupcake Rose
- D0D2B5
≈ Pickling Spice
トライアド +120° +240°
- DDCDB3
Cochise
- B2D8D9
≈ Timeless
- DBC7E0
≈ Purity
スプリットコンプリメンタリー +150° +210°
- DDCDB3
Cochise
- B6D5E4
≈ Lingerie Blue
- CECBE8
≈ Foggy Plateau
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.45:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--cochise: #ddcdb3;
--cochise-rgb: 221 205 179;
--cochise-oklch: oklch(0.855 0.039 80);
}
.element {
color: var(--cochise);
background-color: hsl(37 38% 78%);
border-color: oklch(0.855 0.039 80);
}Tailwind CSS v4
@theme {
--color-cochise: #ddcdb3;
--color-cochise-50: #fbf4e9;
--color-cochise-100: #eee7da;
--color-cochise-200: #ddd3c2;
--color-cochise-300: #c2b6a1;
--color-cochise-400: #ab9c85;
--color-cochise-500: #948469;
--color-cochise-600: #7d7059;
--color-cochise-700: #645947;
--color-cochise-800: #4a4133;
--color-cochise-900: #332d23;
--color-cochise-950: #1f1a12;
}SCSS
$cochise: #ddcdb3;
$cochise-rgb: 221, 205, 179;
$cochise-light: mix(#fff, $cochise, 20%);
$cochise-dark: mix(#000, $cochise, 20%);
.element {
color: $cochise;
box-shadow: 0 0 0 2px rgba($cochise, 0.35);
}