Adlandırılmış renk · #9E958D
Elephant Cub
Elephant Cub, #9E958D: rgb(158 149 141), hsl(28 8% 59%), oklch(0.675 0.016 64.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Elephant Cub color name →
#9E958D
oklch(0.675 0.016 64.2)
Renk dönüşümleri
- HEX
- #9e958d
- RGB
- rgb(158 149 141)
- HSL
- hsl(28 8% 59%)
- HWB
- hwb(28 55% 38%)
- OKLCH
- oklch(0.675 0.016 64.2)
- OKLab
- oklab(0.675 0.007 0.014)
- CIE Lab
- lab(62.31 2.36 5.49)
- LCH
- lch(62.31 5.98 66.7)
- CMYK
- cmyk(0% 6% 11% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A79F98
- B1A9A3
- BAB4AE
- C4BEB9
- CDC9C5
- D7D3D0
- E1DEDC
- EBE9E7
- F5F4F3
Koyu tonlar
- 89817A
- 746D67
- 605A55
- 4D4844
- 3A3733
- 292623
- 181614
- 090807
- 010101
Gri tonlar
- 9B938C
- 98918A
- 958F89
- 928D88
- 8F8A87
- 8C8885
- 898684
- 868483
- 838281
Renk uyumları
Tamamlayıcı +180°
- 9E958D
Elephant Cub
- 8F98A0
≈ Thunderstorm
Analog -30° +30°
- 9E958D
Elephant Cub
- A09490
≈ Tavern Taupe
- 9A978C
≈ Worlds Away
Üçlü +120° +240°
- 9E958D
Elephant Cub
- 8D9A98
≈ Evening Fog
- 99959F
≈ Emperor’s Robe
Bölünmüş tamamlayıcı +150° +210°
- 9E958D
Elephant Cub
- 8C9A9D
≈ Grey Flannel
- 9496A1
≈ Time Warp
Dörtlü +90° +180° +270°
- 9E958D
Elephant Cub
- 909A92
≈ Pond Leaves
- 8F98A0
≈ Thunderstorm
- 9D939B
≈ Lavender Elan
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.94:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.13:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--elephant-cub: #9e958d;
--elephant-cub-rgb: 158 149 141;
--elephant-cub-oklch: oklch(0.675 0.016 64.2);
}
.element {
color: var(--elephant-cub);
background-color: hsl(28 8% 59%);
border-color: oklch(0.675 0.016 64.2);
}Tailwind CSS v4
@theme {
--color-elephant-cub: #9e958d;
--color-elephant-cub-50: #f8f4f0;
--color-elephant-cub-100: #ece7e2;
--color-elephant-cub-200: #d9d3cd;
--color-elephant-cub-300: #bdb6af;
--color-elephant-cub-400: #a59d95;
--color-elephant-cub-500: #8e847c;
--color-elephant-cub-600: #787069;
--color-elephant-cub-700: #605954;
--color-elephant-cub-800: #46413d;
--color-elephant-cub-900: #312d2a;
--color-elephant-cub-950: #1d1a17;
}SCSS
$elephant-cub: #9e958d;
$elephant-cub-rgb: 158, 149, 141;
$elephant-cub-light: mix(#fff, $elephant-cub, 20%);
$elephant-cub-dark: mix(#000, $elephant-cub, 20%);
.element {
color: $elephant-cub;
box-shadow: 0 0 0 2px rgba($elephant-cub, 0.35);
}