En yakın adlandırılmış renk · #65342C
#65342C
En yakın adlandırılmış renk: Hairy Heath
#65342C (rgb(101 52 44), hsl(8 39% 28%), oklch(0.386 0.072 30.4)) en çok Hairy Heath 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.
#65342C
oklch(0.386 0.072 30.4)
Renk dönüşümleri
- HEX
- #65342c
- RGB
- rgb(101 52 44)
- HSL
- hsl(8 39% 28%)
- HWB
- hwb(8 17% 60%)
- OKLCH
- oklch(0.386 0.072 30.4)
- OKLab
- oklab(0.386 0.062 0.037)
- CIE Lab
- lab(28.14 21.81 15.35)
- LCH
- lch(28.14 26.67 35.1)
- CMYK
- cmyk(0% 49% 56% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 74473F
- 845952
- 936D66
- A2807A
- B2948F
- C1A9A4
- D0BEBA
- E0D3D1
- EFE9E8
Koyu tonlar
- 572C25
- 49241E
- 3C1C17
- 2F1511
- 220E0A
- 170705
- 0C0302
- 030101
- 000000
Gri tonlar
- 683C34
- 6C433C
- 6F4B44
- 72524D
- 745A55
- 77615D
- 7A6966
- 7C716F
- 7E7877
Renk uyumları
Tamamlayıcı +180°
- 65342C
Hairy Heath
- 004D58
≈ Watercolour Blue
Analog -30° +30°
- 65342C
Hairy Heath
- 633242
≈ Clinker Red
- 603A17
≈ Cassiterite Brown
Üçlü +120° +240°
- 65342C
Hairy Heath
- 244F2F
≈ Cal Poly Pomona Green
- 35416B
≈ Gloomy Blue
Bölünmüş tamamlayıcı +150° +210°
- 65342C
Hairy Heath
- 005046
≈ Fjord Green
- 194867
≈ Terror From the Deep
Dörtlü +90° +180° +270°
- 65342C
Hairy Heath
- 3F4A19
≈ Avocado Dark Green
- 004D58
≈ Watercolour Blue
- 4A3A65
≈ Meteorite
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.09:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.08:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--hairy-heath: #65342c;
--hairy-heath-rgb: 101 52 44;
--hairy-heath-oklch: oklch(0.386 0.072 30.4);
}
.element {
color: var(--hairy-heath);
background-color: hsl(8 39% 28%);
border-color: oklch(0.386 0.072 30.4);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #65342c;
--color-hairy-heath-50: #ffeee8;
--color-hairy-heath-100: #ffe0d9;
--color-hairy-heath-200: #f2cac1;
--color-hairy-heath-300: #daaba0;
--color-hairy-heath-400: #c58f85;
--color-hairy-heath-500: #b17469;
--color-hairy-heath-600: #956259;
--color-hairy-heath-700: #784f47;
--color-hairy-heath-800: #593934;
--color-hairy-heath-900: #3e2723;
--color-hairy-heath-950: #271512;
}SCSS
$hairy-heath: #65342c;
$hairy-heath-rgb: 101, 52, 44;
$hairy-heath-light: mix(#fff, $hairy-heath, 20%);
$hairy-heath-dark: mix(#000, $hairy-heath, 20%);
.element {
color: $hairy-heath;
box-shadow: 0 0 0 2px rgba($hairy-heath, 0.35);
}