Adlandırılmış renk · #56603D
Cactus Green
Cactus Green, #56603D: rgb(86 96 61), hsl(77 22% 31%), oklch(0.471 0.055 121.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Cactus Green color name →
#56603D
oklch(0.471 0.055 121.5)
Renk dönüşümleri
- HEX
- #56603d
- RGB
- rgb(86 96 61)
- HSL
- hsl(77 22% 31%)
- HWB
- hwb(77 24% 62%)
- OKLCH
- oklch(0.471 0.055 121.5)
- OKLab
- oklab(0.471 -0.028 0.047)
- CIE Lab
- lab(39.14 -8.94 18.67)
- LCH
- lch(39.14 20.7 115.6)
- CMYK
- cmyk(10% 0% 36% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 656F4F
- 757E61
- 858D73
- 969D86
- A6AC9A
- B7BCAD
- C9CDC1
- DBDDD5
- EDEEEA
Koyu tonlar
- 4A5234
- 3E452B
- 323822
- 272C1A
- 1C2012
- 12150A
- 080A04
- 020301
- 000000
Gri tonlar
- 5A6344
- 5E664B
- 626A51
- 666D58
- 6B705F
- 6F7365
- 73766C
- 777A73
- 7C7D79
Renk uyumları
Tamamlayıcı +180°
- 56603D
Cactus Green
- 605475
≈ Taylor
Analog -30° +30°
- 56603D
Cactus Green
- 665A36
≈ Beach Casuarina
- 44644C
≈ Vizcaya Palm
Üçlü +120° +240°
- 56603D
Cactus Green
- 3F5F77
≈ Steel Blue Grey
- 754E59
≈ Fine Wine
Bölünmüş tamamlayıcı +150° +210°
- 56603D
Cactus Green
- 50597A
≈ Blue Review
- 6D5069
≈ Hibernation
Dörtlü +90° +180° +270°
- 56603D
Cactus Green
- 33636D
≈ Pedigree
- 605475
≈ Taylor
- 775048
≈ Roasted
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.69:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--cactus-green: #56603d;
--cactus-green-rgb: 86 96 61;
--cactus-green-oklch: oklch(0.471 0.055 121.5);
}
.element {
color: var(--cactus-green);
background-color: hsl(77 22% 31%);
border-color: oklch(0.471 0.055 121.5);
}Tailwind CSS v4
@theme {
--color-cactus-green: #56603d;
--color-cactus-green-50: #f2f8e7;
--color-cactus-green-100: #e4ebd8;
--color-cactus-green-200: #cfd9bf;
--color-cactus-green-300: #b2bc9e;
--color-cactus-green-400: #99a480;
--color-cactus-green-500: #808c63;
--color-cactus-green-600: #6d7755;
--color-cactus-green-700: #575f43;
--color-cactus-green-800: #404530;
--color-cactus-green-900: #2c3020;
--color-cactus-green-950: #191c10;
}SCSS
$cactus-green: #56603d;
$cactus-green-rgb: 86, 96, 61;
$cactus-green-light: mix(#fff, $cactus-green, 20%);
$cactus-green-dark: mix(#000, $cactus-green, 20%);
.element {
color: $cactus-green;
box-shadow: 0 0 0 2px rgba($cactus-green, 0.35);
}