色名 · #CABEAE
Crepey Chest
Crepey Chestは#CABEAE：rgb(202 190 174)、hsl(34 21% 74%)、oklch(0.807 0.026 75.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Crepey Chest color name →
#CABEAE
oklch(0.807 0.026 75.2)
カラー変換
- HEX
- #cabeae
- RGB
- rgb(202 190 174)
- HSL
- hsl(34 21% 74%)
- HWB
- hwb(34 68% 21%)
- OKLCH
- oklch(0.807 0.026 75.2)
- OKLab
- oklab(0.807 0.007 0.025)
- CIE Lab
- lab(77.65 2.38 9.71)
- LCH
- lch(77.65 10 76.2)
- CMYK
- cmyk(0% 6% 14% 21%)
ティント · シェード · トーン
ティント
- CFC4B6
- D4CBBE
- DAD1C6
- DFD8CE
- E4DED6
- EAE5DE
- EFEBE6
- F4F2EE
- FAF8F7
シェード
- AFA597
- 958C80
- 7C756A
- 645E55
- 4D4841
- 37332E
- 221F1C
- 0F0D0B
- 020201
トーン
- C2B8A9
- BBB1A5
- B3ABA0
- ACA59B
- A49E97
- 9D9892
- 96928E
- 8E8C89
- 878685
カラーハーモニー
補色 +180°
- CABEAE
Crepey Chest
- B5C1D1
≈ Hazy
類似色 -30° +30°
- CABEAE
Crepey Chest
- CFBBB2
≈ Mothy
- C2C1AE
≈ Serene Thought
トライアド +120° +240°
- CABEAE
Crepey Chest
- AEC6C5
≈ Blue Agave
- C6BBCC
≈ Last of the Lilacs
スプリットコンプリメンタリー +150° +210°
- CABEAE
Crepey Chest
- AFC4CD
≈ Heron Wing
- BEBED1
≈ Twilight Pearl
テトラード +90° +180° +270°
- CABEAE
Crepey Chest
- B1C6BC
≈ Sparkling Lake
- B5C1D1
≈ Hazy
- CDBAC4
≈ Queen’s Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.48:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--crepey-chest: #cabeae;
--crepey-chest-rgb: 202 190 174;
--crepey-chest-oklch: oklch(0.807 0.026 75.2);
}
.element {
color: var(--crepey-chest);
background-color: hsl(34 21% 74%);
border-color: oklch(0.807 0.026 75.2);
}Tailwind CSS v4
@theme {
--color-crepey-chest: #cabeae;
--color-crepey-chest-50: #f9f4ed;
--color-crepey-chest-100: #ede7df;
--color-crepey-chest-200: #dbd3c8;
--color-crepey-chest-300: #bfb6a9;
--color-crepey-chest-400: #a89d8e;
--color-crepey-chest-500: #908474;
--color-crepey-chest-600: #7a7062;
--color-crepey-chest-700: #62594e;
--color-crepey-chest-800: #484139;
--color-crepey-chest-900: #322d27;
--color-crepey-chest-950: #1e1a15;
}SCSS
$crepey-chest: #cabeae;
$crepey-chest-rgb: 202, 190, 174;
$crepey-chest-light: mix(#fff, $crepey-chest, 20%);
$crepey-chest-dark: mix(#000, $crepey-chest, 20%);
.element {
color: $crepey-chest;
box-shadow: 0 0 0 2px rgba($crepey-chest, 0.35);
}