色名 · #5A4A42
Iced Espresso
Iced Espressoは#5A4A42：rgb(90 74 66)、hsl(20 15% 31%)、oklch(0.423 0.025 48.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Iced Espresso color name →
#5A4A42
oklch(0.423 0.025 48.1)
カラー変換
- HEX
- #5a4a42
- RGB
- rgb(90 74 66)
- HSL
- hsl(20 15% 31%)
- HWB
- hwb(20 26% 65%)
- OKLCH
- oklch(0.423 0.025 48.1)
- OKLab
- oklab(0.423 0.017 0.019)
- CIE Lab
- lab(32.95 5.94 7.46)
- LCH
- lch(32.95 9.53 51.5)
- CMYK
- cmyk(0% 18% 27% 65%)
ティント · シェード · トーン
ティント
- 695A53
- 796B64
- 897C76
- 998E88
- A9A09B
- BAB2AE
- CBC5C2
- DCD8D6
- EDEBEA
シェード
- 4D3F38
- 41352F
- 352A25
- 29201C
- 1E1714
- 130E0B
- 090605
- 030201
- 000000
トーン
- 5E4F48
- 62544E
- 655A54
- 695F5A
- 6D6460
- 716A67
- 756F6D
- 787573
- 7C7A7A
カラーハーモニー
補色 +180°
- 5A4A42
Iced Espresso
- 405159
≈ High Salute
類似色 -30° +30°
- 5A4A42
Iced Espresso
- 5B4949
≈ Carob Chip
- 564C3E
≈ Enduring Bronze
トライアド +120° +240°
- 5A4A42
Iced Espresso
- 41534B
≈ Moss Cottage
- 4D4C5B
≈ Tyrian
スプリットコンプリメンタリー +150° +210°
- 5A4A42
Iced Espresso
- 3E5253
≈ Thermal
- 454F5C
≈ Secret Society
テトラード +90° +180° +270°
- 5A4A42
Iced Espresso
- 475144
≈ Charcoal Smoke
- 405159
≈ High Salute
- 544A57
≈ Deep Mulberry
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.42:1 · APCA Lc 89
Ag
Fail黒の上
WCAG 2.49:1 · APCA Lc 13
最適な文字色: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--iced-espresso: #5a4a42;
--iced-espresso-rgb: 90 74 66;
--iced-espresso-oklch: oklch(0.423 0.025 48.1);
}
.element {
color: var(--iced-espresso);
background-color: hsl(20 15% 31%);
border-color: oklch(0.423 0.025 48.1);
}Tailwind CSS v4
@theme {
--color-iced-espresso: #5a4a42;
--color-iced-espresso-50: #fcf3ef;
--color-iced-espresso-100: #efe6e0;
--color-iced-espresso-200: #ded1cb;
--color-iced-espresso-300: #c3b4ac;
--color-iced-espresso-400: #ac9a92;
--color-iced-espresso-500: #958278;
--color-iced-espresso-600: #7e6e66;
--color-iced-espresso-700: #655851;
--color-iced-espresso-800: #4a403b;
--color-iced-espresso-900: #332c29;
--color-iced-espresso-950: #1f1916;
}SCSS
$iced-espresso: #5a4a42;
$iced-espresso-rgb: 90, 74, 66;
$iced-espresso-light: mix(#fff, $iced-espresso, 20%);
$iced-espresso-dark: mix(#000, $iced-espresso, 20%);
.element {
color: $iced-espresso;
box-shadow: 0 0 0 2px rgba($iced-espresso, 0.35);
}