Adlandırılmış renk · #424F3B
Hōjicha
Hōjicha, #424F3B: rgb(66 79 59), hsl(99 14% 27%), oklch(0.41 0.036 134.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Hōjicha color name →
#424F3B
oklch(0.41 0.036 134.8)
Renk dönüşümleri
- HEX
- #424f3b
- RGB
- rgb(66 79 59)
- HSL
- hsl(99 14% 27%)
- HWB
- hwb(99 23% 69%)
- OKLCH
- oklch(0.41 0.036 134.8)
- OKLab
- oklab(0.41 -0.026 0.026)
- CIE Lab
- lab(31.99 -8.6 10.08)
- LCH
- lch(31.99 13.25 130.5)
- CMYK
- cmyk(16% 0% 25% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 535F4C
- 646F5E
- 768071
- 889184
- 9BA397
- AEB5AB
- C2C7C0
- D6D9D4
- EAECEA
Koyu tonlar
- 384432
- 2F3829
- 252E21
- 1C2319
- 141911
- 0B1009
- 050704
- 010201
- 000000
Gri tonlar
- 485442
- 4E5948
- 545D4F
- 5A6256
- 60675D
- 666C64
- 6D716B
- 737672
- 7A7B79
Renk uyumları
Tamamlayıcı +180°
- 424F3B
Hōjicha
- 524558
≈ Midnight Affair
Analog -30° +30°
- 424F3B
Hōjicha
- 4D4C34
≈ Olive Leaf
- 385145
≈ Sharknado
Üçlü +120° +240°
- 424F3B
Hōjicha
- 3D4C5E
≈ Man Friday
- 5D4244
≈ Fruit Yard
Bölünmüş tamamlayıcı +150° +210°
- 424F3B
Hōjicha
- 48485E
≈ Chinaberry
- 59434F
≈ Smoked Amethyst
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.70:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.41:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.70:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--hojicha: #424f3b;
--hojicha-rgb: 66 79 59;
--hojicha-oklch: oklch(0.41 0.036 134.8);
}
.element {
color: var(--hojicha);
background-color: hsl(99 14% 27%);
border-color: oklch(0.41 0.036 134.8);
}Tailwind CSS v4
@theme {
--color-hojicha: #424f3b;
--color-hojicha-50: #f0f8ee;
--color-hojicha-100: #e2ebdf;
--color-hojicha-200: #cdd8c9;
--color-hojicha-300: #afbcaa;
--color-hojicha-400: #95a48e;
--color-hojicha-500: #7c8c74;
--color-hojicha-600: #697662;
--color-hojicha-700: #545f4e;
--color-hojicha-800: #3e4538;
--color-hojicha-900: #2a3027;
--color-hojicha-950: #181c15;
}SCSS
$hojicha: #424f3b;
$hojicha-rgb: 66, 79, 59;
$hojicha-light: mix(#fff, $hojicha, 20%);
$hojicha-dark: mix(#000, $hojicha, 20%);
.element {
color: $hojicha;
box-shadow: 0 0 0 2px rgba($hojicha, 0.35);
}