色名 · #DEC0AD
Cinnamon Tea
Cinnamon Teaは#DEC0AD：rgb(222 192 173)、hsl(23 43% 77%)、oklch(0.828 0.043 54.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cinnamon Tea color name →
#DEC0AD
oklch(0.828 0.043 54.3)
カラー変換
- HEX
- #dec0ad
- RGB
- rgb(222 192 173)
- HSL
- hsl(23 43% 77%)
- HWB
- hwb(23 68% 13%)
- OKLCH
- oklch(0.828 0.043 54.3)
- OKLab
- oklab(0.828 0.025 0.035)
- CIE Lab
- lab(79.94 8.86 13.76)
- LCH
- lch(79.94 16.36 57.2)
- CMYK
- cmyk(0% 14% 22% 13%)
ティント · シェード · トーン
ティント
- E1C6B5
- E5CCBD
- E8D3C5
- EBD9CD
- EFDFD6
- F2E6DE
- F5ECE6
- F9F2EE
- FCF9F7
シェード
- C1A796
- A58E7F
- 89766A
- 6F5F55
- 554941
- 3D342D
- 26201B
- 120E0B
- 020201
トーン
- D4B9A8
- CBB3A4
- C1AC9F
- B8A69B
- AEA096
- A59992
- 9B938D
- 928C89
- 898684
カラーハーモニー
補色 +180°
- DEC0AD
Cinnamon Tea
- ACCCDF
≈ Himalaya Blue
類似色 -30° +30°
- DEC0AD
Cinnamon Tea
- E2BDB9
≈ Balcony Rose
- D4C5A8
≈ Brown Bread
トライアド +120° +240°
- DEC0AD
Cinnamon Tea
- ABD0C5
≈ Whirlpool Green
- C8C2E1
≈ Party Hat
スプリットコンプリメンタリー +150° +210°
- DEC0AD
Cinnamon Tea
- A7CFD4
≈ Plume
- B9C7E4
≈ Beautiful Dream
テトラード +90° +180° +270°
- DEC0AD
Cinnamon Tea
- B6CFB6
≈ Sunlit Sea
- ACCCDF
≈ Himalaya Blue
- D5BED7
≈ Cosmetic Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.71:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.24:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon-tea: #dec0ad;
--cinnamon-tea-rgb: 222 192 173;
--cinnamon-tea-oklch: oklch(0.828 0.043 54.3);
}
.element {
color: var(--cinnamon-tea);
background-color: hsl(23 43% 77%);
border-color: oklch(0.828 0.043 54.3);
}Tailwind CSS v4
@theme {
--color-cinnamon-tea: #dec0ad;
--color-cinnamon-tea-50: #fff2ea;
--color-cinnamon-tea-100: #f4e5da;
--color-cinnamon-tea-200: #e3d0c3;
--color-cinnamon-tea-300: #c9b2a3;
--color-cinnamon-tea-400: #b39887;
--color-cinnamon-tea-500: #9d7f6b;
--color-cinnamon-tea-600: #856c5b;
--color-cinnamon-tea-700: #6b5649;
--color-cinnamon-tea-800: #4f3e35;
--color-cinnamon-tea-900: #372b24;
--color-cinnamon-tea-950: #221813;
}SCSS
$cinnamon-tea: #dec0ad;
$cinnamon-tea-rgb: 222, 192, 173;
$cinnamon-tea-light: mix(#fff, $cinnamon-tea, 20%);
$cinnamon-tea-dark: mix(#000, $cinnamon-tea, 20%);
.element {
color: $cinnamon-tea;
box-shadow: 0 0 0 2px rgba($cinnamon-tea, 0.35);
}