En yakın adlandırılmış renk · #402421
#402421
En yakın adlandırılmış renk: Ethereal Espresso
#402421 (rgb(64 36 33), hsl(6 32% 19%), oklch(0.296 0.043 26.6)) en çok Ethereal Espresso adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#402421
oklch(0.296 0.043 26.6)
Renk dönüşümleri
- HEX
- #402421
- RGB
- rgb(64 36 33)
- HSL
- hsl(6 32% 19%)
- HWB
- hwb(6 13% 75%)
- OKLCH
- oklch(0.296 0.043 26.6)
- OKLab
- oklab(0.296 0.039 0.019)
- CIE Lab
- lab(17.91 13.39 7.96)
- LCH
- lch(17.91 15.57 30.7)
- CMYK
- cmyk(0% 44% 48% 75%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 523734
- 644A47
- 765F5C
- 897471
- 9B8A87
- AFA09E
- C2B7B6
- D6CFCE
- EBE7E6
Koyu tonlar
- 361E1B
- 2D1816
- 241210
- 1B0C0B
- 130706
- 0B0403
- 050201
- 010000
- 000000
Gri tonlar
- 472D2A
- 4D3532
- 533E3C
- 5A4745
- 60504E
- 675A58
- 6D6362
- 736D6C
- 7A7676
Renk uyumları
Tamamlayıcı +180°
- 402421
Ethereal Espresso
- 0B3338
≈ Elite Teal
Analog -30° +30°
- 402421
Ethereal Espresso
- 3E232D
≈ Toledo
- 3D2716
≈ Woodsy Brown
Üçlü +120° +240°
- 402421
Ethereal Espresso
- 1E3320
≈ Pumpkin Green Black
- 232C43
≈ Valhalla
Bölünmüş tamamlayıcı +150° +210°
- 402421
Ethereal Espresso
- 10342C
≈ Intense Green
- 153040
≈ NATO Blue
Dörtlü +90° +180° +270°
- 402421
Ethereal Espresso
- 2B3015
≈ Olivenite
- 0B3338
≈ Elite Teal
- 2F2840
≈ Viola Black
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.07:1 · APCA Lc 101
Ag
FailSiyah üzerinde
WCAG 1.49:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.07:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--ethereal-espresso: #402421;
--ethereal-espresso-rgb: 64 36 33;
--ethereal-espresso-oklch: oklch(0.296 0.043 26.6);
}
.element {
color: var(--ethereal-espresso);
background-color: hsl(6 32% 19%);
border-color: oklch(0.296 0.043 26.6);
}Tailwind CSS v4
@theme {
--color-ethereal-espresso: #402421;
--color-ethereal-espresso-50: #fff1ee;
--color-ethereal-espresso-100: #f6e3e0;
--color-ethereal-espresso-200: #e6ceca;
--color-ethereal-espresso-300: #cdb0ab;
--color-ethereal-espresso-400: #b79591;
--color-ethereal-espresso-500: #a17c77;
--color-ethereal-espresso-600: #886965;
--color-ethereal-espresso-700: #6d5450;
--color-ethereal-espresso-800: #513d3b;
--color-ethereal-espresso-900: #382a28;
--color-ethereal-espresso-950: #231716;
}SCSS
$ethereal-espresso: #402421;
$ethereal-espresso-rgb: 64, 36, 33;
$ethereal-espresso-light: mix(#fff, $ethereal-espresso, 20%);
$ethereal-espresso-dark: mix(#000, $ethereal-espresso, 20%);
.element {
color: $ethereal-espresso;
box-shadow: 0 0 0 2px rgba($ethereal-espresso, 0.35);
}