Adlandırılmış renk · #596458
Imperial Palm
Imperial Palm, #596458: rgb(89 100 88), hsl(115 6% 37%), oklch(0.49 0.023 142.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Imperial Palm color name →
#596458
oklch(0.49 0.023 142.9)
Renk dönüşümleri
- HEX
- #596458
- RGB
- rgb(89 100 88)
- HSL
- hsl(115 6% 37%)
- HWB
- hwb(115 35% 61%)
- OKLCH
- oklch(0.49 0.023 142.9)
- OKLab
- oklab(0.49 -0.019 0.014)
- CIE Lab
- lab(41.14 -6.31 5.33)
- LCH
- lch(41.14 8.26 139.8)
- CMYK
- cmyk(11% 0% 12% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 687267
- 788177
- 889087
- 989F97
- A8AEA8
- B9BEB9
- CACECA
- DCDEDB
- EDEEED
Koyu tonlar
- 4C564B
- 40483F
- 343B33
- 282E28
- 1D221D
- 131612
- 090B09
- 030303
- 000000
Gri tonlar
- 5D675C
- 616A60
- 656C64
- 686F68
- 6C726C
- 707570
- 747874
- 787A78
- 7C7D7C
Renk uyumları
Tamamlayıcı +180°
- 596458
Imperial Palm
- 675C68
≈ Patina Violet
Analog -30° +30°
- 596458
Imperial Palm
- 606253
≈ Sweet Tooth
- 53655F
≈ Blue Fir
Üçlü +120° +240°
- 596458
Imperial Palm
- 59616E
≈ Intermediate Blue
- 6D5C5A
≈ Moroccan Dusk
Bölünmüş tamamlayıcı +150° +210°
- 596458
Imperial Palm
- 615E6D
≈ Mid Grey
- 6C5B61
≈ Expressive Plum
Dörtlü +90° +180° +270°
- 596458
Imperial Palm
- 54636C
≈ Plot Twist
- 675C68
≈ Patina Violet
- 6C5D54
≈ Kabul
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.19:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.38:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--imperial-palm: #596458;
--imperial-palm-rgb: 89 100 88;
--imperial-palm-oklch: oklch(0.49 0.023 142.9);
}
.element {
color: var(--imperial-palm);
background-color: hsl(115 6% 37%);
border-color: oklch(0.49 0.023 142.9);
}Tailwind CSS v4
@theme {
--color-imperial-palm: #596458;
--color-imperial-palm-50: #f1f7f1;
--color-imperial-palm-100: #e3eae3;
--color-imperial-palm-200: #ced7ce;
--color-imperial-palm-300: #b0bbb0;
--color-imperial-palm-400: #97a296;
--color-imperial-palm-500: #7e8a7c;
--color-imperial-palm-600: #6a7569;
--color-imperial-palm-700: #555e54;
--color-imperial-palm-800: #3e443d;
--color-imperial-palm-900: #2b2f2a;
--color-imperial-palm-950: #181c17;
}SCSS
$imperial-palm: #596458;
$imperial-palm-rgb: 89, 100, 88;
$imperial-palm-light: mix(#fff, $imperial-palm, 20%);
$imperial-palm-dark: mix(#000, $imperial-palm, 20%);
.element {
color: $imperial-palm;
box-shadow: 0 0 0 2px rgba($imperial-palm, 0.35);
}