Adlandırılmış renk · #5A4A42
Iced Espresso
Iced Espresso, #5A4A42: rgb(90 74 66), hsl(20 15% 31%), oklch(0.423 0.025 48.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Iced Espresso color name →
#5A4A42
oklch(0.423 0.025 48.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 695A53
- 796B64
- 897C76
- 998E88
- A9A09B
- BAB2AE
- CBC5C2
- DCD8D6
- EDEBEA
Koyu tonlar
- 4D3F38
- 41352F
- 352A25
- 29201C
- 1E1714
- 130E0B
- 090605
- 030201
- 000000
Gri tonlar
- 5E4F48
- 62544E
- 655A54
- 695F5A
- 6D6460
- 716A67
- 756F6D
- 787573
- 7C7A7A
Renk uyumları
Tamamlayıcı +180°
- 5A4A42
Iced Espresso
- 405159
≈ High Salute
Analog -30° +30°
- 5A4A42
Iced Espresso
- 5B4949
≈ Carob Chip
- 564C3E
≈ Enduring Bronze
Üçlü +120° +240°
- 5A4A42
Iced Espresso
- 41534B
≈ Moss Cottage
- 4D4C5B
≈ Tyrian
Bölünmüş tamamlayıcı +150° +210°
- 5A4A42
Iced Espresso
- 3E5253
≈ Thermal
- 454F5C
≈ Secret Society
Dörtlü +90° +180° +270°
- 5A4A42
Iced Espresso
- 475144
≈ Charcoal Smoke
- 405159
≈ High Salute
- 544A57
≈ Deep Mulberry
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.42:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.49:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}