色名 · #D1A79C
Cinnamon Cocoa
Cinnamon Cocoaは#D1A79C：rgb(209 167 156)、hsl(12 37% 72%)、oklch(0.763 0.052 35.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cinnamon Cocoa color name →
#D1A79C
oklch(0.763 0.052 35.1)
カラー変換
- HEX
- #d1a79c
- RGB
- rgb(209 167 156)
- HSL
- hsl(12 37% 72%)
- HWB
- hwb(12 61% 18%)
- OKLCH
- oklch(0.763 0.052 35.1)
- OKLab
- oklab(0.763 0.043 0.03)
- CIE Lab
- lab(72.16 14.7 11.88)
- LCH
- lch(72.16 18.9 38.9)
- CMYK
- cmyk(0% 20% 25% 18%)
ティント · シェード · トーン
ティント
- D6B0A6
- DBB8AF
- DFC1B9
- E4CAC3
- E9D2CD
- EDDBD7
- F2E4E1
- F6EDEB
- FBF6F5
シェード
- B59187
- 9B7B73
- 81665F
- 68524C
- 503E39
- 392C28
- 231A18
- 100A09
- 020101
トーン
- C9A399
- C19F96
- B89B94
- B09791
- A8938E
- A0908B
- 988C88
- 908886
- 888483
カラーハーモニー
補色 +180°
- D1A79C
Cinnamon Cocoa
- 8CBBC7
≈ Blue Echo
類似色 -30° +30°
- D1A79C
Cinnamon Cocoa
- D0A5AD
≈ Lady Flower
- CAAC90
≈ Pottery Wheel
トライアド +120° +240°
- D1A79C
Cinnamon Cocoa
- 99BDA4
≈ Reeds
- A8B0D4
≈ Calm Interlude
スプリットコンプリメンタリー +150° +210°
- D1A79C
Cinnamon Cocoa
- 8DBDB6
≈ Morning Green
- 97B6D2
≈ Oxygen Blue
テトラード +90° +180° +270°
- D1A79C
Cinnamon Cocoa
- AAB894
≈ Casa Verde
- 8CBBC7
≈ Blue Echo
- BAAACD
≈ Jacey’s Favourite
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.71:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon-cocoa: #d1a79c;
--cinnamon-cocoa-rgb: 209 167 156;
--cinnamon-cocoa-oklch: oklch(0.763 0.052 35.1);
}
.element {
color: var(--cinnamon-cocoa);
background-color: hsl(12 37% 72%);
border-color: oklch(0.763 0.052 35.1);
}Tailwind CSS v4
@theme {
--color-cinnamon-cocoa: #d1a79c;
--color-cinnamon-cocoa-50: #fff0eb;
--color-cinnamon-cocoa-100: #f9e2dc;
--color-cinnamon-cocoa-200: #e9cdc5;
--color-cinnamon-cocoa-300: #d0afa5;
--color-cinnamon-cocoa-400: #bb948a;
--color-cinnamon-cocoa-500: #a67a6f;
--color-cinnamon-cocoa-600: #8c685e;
--color-cinnamon-cocoa-700: #70534b;
--color-cinnamon-cocoa-800: #533c37;
--color-cinnamon-cocoa-900: #3a2925;
--color-cinnamon-cocoa-950: #241714;
}SCSS
$cinnamon-cocoa: #d1a79c;
$cinnamon-cocoa-rgb: 209, 167, 156;
$cinnamon-cocoa-light: mix(#fff, $cinnamon-cocoa, 20%);
$cinnamon-cocoa-dark: mix(#000, $cinnamon-cocoa, 20%);
.element {
color: $cinnamon-cocoa;
box-shadow: 0 0 0 2px rgba($cinnamon-cocoa, 0.35);
}