Adlandırılmış renk · #5F6356
Palo Verde
Palo Verde, #5F6356: rgb(95 99 86), hsl(78 7% 36%), oklch(0.492 0.021 121.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Palo Verde color name →
#5F6356
oklch(0.492 0.021 121.1)
Renk dönüşümleri
- HEX
- #5f6356
- RGB
- rgb(95 99 86)
- HSL
- hsl(78 7% 36%)
- HWB
- hwb(78 34% 61%)
- OKLCH
- oklch(0.492 0.021 121.1)
- OKLab
- oklab(0.492 -0.011 0.018)
- CIE Lab
- lab(41.3 -3.57 6.86)
- LCH
- lch(41.3 7.73 117.5)
- CMYK
- cmyk(4% 0% 13% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E7165
- 7D8075
- 8C8F85
- 9C9E96
- ABAEA7
- BCBEB8
- CCCEC9
- DDDEDB
- EEEEED
Koyu tonlar
- 52554A
- 44473E
- 383A32
- 2C2E27
- 20211C
- 151612
- 0A0B08
- 030302
- 000000
Gri tonlar
- 62665A
- 65695E
- 696C62
- 6C6E67
- 6F716B
- 73746F
- 767773
- 797A77
- 7D7D7C
Renk uyumları
Tamamlayıcı +180°
- 5F6356
Palo Verde
- 635E6B
≈ Smoky
Analog -30° +30°
- 5F6356
Palo Verde
- 656154
≈ Rikyūnezumi Brown
- 59655B
≈ Imperial Palm
Üçlü +120° +240°
- 5F6356
Palo Verde
- 57636C
≈ Calligraphy
- 6C5C60
≈ Poetry Plum
Bölünmüş tamamlayıcı +150° +210°
- 5F6356
Palo Verde
- 5C616D
≈ Concrete Landscape
- 685D66
≈ Moire Satin
Dörtlü +90° +180° +270°
- 5F6356
Palo Verde
- 546468
≈ Plot Twist
- 635E6B
≈ Smoky
- 6C5D5A
≈ Moroccan Dusk
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.16:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.40:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--palo-verde: #5f6356;
--palo-verde-rgb: 95 99 86;
--palo-verde-oklch: oklch(0.492 0.021 121.1);
}
.element {
color: var(--palo-verde);
background-color: hsl(78 7% 36%);
border-color: oklch(0.492 0.021 121.1);
}Tailwind CSS v4
@theme {
--color-palo-verde: #5f6356;
--color-palo-verde-50: #f4f6f0;
--color-palo-verde-100: #e6e9e2;
--color-palo-verde-200: #d2d6cc;
--color-palo-verde-300: #b5b9ae;
--color-palo-verde-400: #9ca093;
--color-palo-verde-500: #848879;
--color-palo-verde-600: #707467;
--color-palo-verde-700: #595c52;
--color-palo-verde-800: #41433c;
--color-palo-verde-900: #2d2f29;
--color-palo-verde-950: #1a1b17;
}SCSS
$palo-verde: #5f6356;
$palo-verde-rgb: 95, 99, 86;
$palo-verde-light: mix(#fff, $palo-verde, 20%);
$palo-verde-dark: mix(#000, $palo-verde, 20%);
.element {
color: $palo-verde;
box-shadow: 0 0 0 2px rgba($palo-verde, 0.35);
}