En yakın adlandırılmış renk · #324420
#324420
En yakın adlandırılmış renk: Forestry
#324420 (rgb(50 68 32), hsl(90 36% 20%), oklch(0.361 0.062 130.7)) en çok Forestry 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.
#324420
oklch(0.361 0.062 130.7)
Renk dönüşümleri
- HEX
- #324420
- RGB
- rgb(50 68 32)
- HSL
- hsl(90 36% 20%)
- HWB
- hwb(90 13% 73%)
- OKLCH
- oklch(0.361 0.062 130.7)
- OKLab
- oklab(0.361 -0.04 0.047)
- CIE Lab
- lab(26.57 -12.97 19.25)
- LCH
- lch(26.57 23.21 124)
- CMYK
- cmyk(26% 0% 53% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 445534
- 566648
- 6A785D
- 7E8A73
- 929D89
- A7B0A0
- BCC3B7
- D2D7CE
- E8EBE6
Koyu tonlar
- 2A3A1A
- 223015
- 1B260F
- 141D0A
- 0D1406
- 070C03
- 030501
- 010200
- 000000
Gri tonlar
- 394A2A
- 415033
- 48563D
- 505C46
- 58624F
- 606859
- 686E63
- 70746C
- 787A76
Renk uyumları
Tamamlayıcı +180°
- 324420
Forestry
- 483455
≈ Purple Plumeria
Analog -30° +30°
- 324420
Forestry
- 453E13
≈ Xanthophobia
- 1A4733
≈ Sherwood Green
Üçlü +120° +240°
- 324420
Forestry
- 233F5D
≈ Sir Edmund
- 592F35
≈ Dubonnet
Bölünmüş tamamlayıcı +150° +210°
- 324420
Forestry
- 38395D
≈ Magic Night
- 533047
≈ Potent Purple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.58:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.98:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--forestry: #324420;
--forestry-rgb: 50 68 32;
--forestry-oklch: oklch(0.361 0.062 130.7);
}
.element {
color: var(--forestry);
background-color: hsl(90 36% 20%);
border-color: oklch(0.361 0.062 130.7);
}Tailwind CSS v4
@theme {
--color-forestry: #324420;
--color-forestry-50: #eef9e7;
--color-forestry-100: #e0edd8;
--color-forestry-200: #cadac0;
--color-forestry-300: #abbf9e;
--color-forestry-400: #92a680;
--color-forestry-500: #788f63;
--color-forestry-600: #667955;
--color-forestry-700: #516143;
--color-forestry-800: #3c4730;
--color-forestry-900: #293120;
--color-forestry-950: #171d10;
}SCSS
$forestry: #324420;
$forestry-rgb: 50, 68, 32;
$forestry-light: mix(#fff, $forestry, 20%);
$forestry-dark: mix(#000, $forestry, 20%);
.element {
color: $forestry;
box-shadow: 0 0 0 2px rgba($forestry, 0.35);
}