Adlandırılmış renk · #968777
Ethiopia
Ethiopia, #968777: rgb(150 135 119), hsl(31 13% 53%), oklch(0.632 0.03 69.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? → · Ethiopia color name →
#968777
oklch(0.632 0.03 69.1)
Renk dönüşümleri
- HEX
- #968777
- RGB
- rgb(150 135 119)
- HSL
- hsl(31 13% 53%)
- HWB
- hwb(31 47% 41%)
- OKLCH
- oklch(0.632 0.03 69.1)
- OKLab
- oklab(0.632 0.011 0.028)
- CIE Lab
- lab(57.34 3.84 10.81)
- LCH
- lch(57.34 11.47 70.4)
- CMYK
- cmyk(0% 10% 21% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A09284
- AA9E91
- B5AA9E
- BFB5AB
- C9C1B9
- D4CDC7
- DFDAD4
- E9E6E2
- F4F2F1
Koyu tonlar
- 827567
- 6E6357
- 5B5147
- 494138
- 37312A
- 26211C
- 161310
- 080605
- 010101
Gri tonlar
- 948678
- 928679
- 8F857A
- 8D847B
- 8B847C
- 89837D
- 87827D
- 84817E
- 82817F
Renk uyumları
Tamamlayıcı +180°
- 968777
Ethiopia
- 7C8C9B
≈ Lucid Blue
Analog -30° +30°
- 968777
Ethiopia
- 9B847D
≈ Pigeon Pink
- 8E8A76
≈ Witch Hazel Leaf
Üçlü +120° +240°
- 968777
Ethiopia
- 76908D
≈ Juniper
- 8F8598
≈ Purple Ash
Bölünmüş tamamlayıcı +150° +210°
- 968777
Ethiopia
- 778E96
≈ Sheltered Bay
- 86889C
≈ Dusty Chimney
Dörtlü +90° +180° +270°
- 968777
Ethiopia
- 7B9083
≈ Cyanara
- 7C8C9B
≈ Lucid Blue
- 978390
≈ Quixotic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.48:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.02:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--ethiopia: #968777;
--ethiopia-rgb: 150 135 119;
--ethiopia-oklch: oklch(0.632 0.03 69.1);
}
.element {
color: var(--ethiopia);
background-color: hsl(31 13% 53%);
border-color: oklch(0.632 0.03 69.1);
}Tailwind CSS v4
@theme {
--color-ethiopia: #968777;
--color-ethiopia-50: #fbf4ec;
--color-ethiopia-100: #eee6dd;
--color-ethiopia-200: #ddd2c7;
--color-ethiopia-300: #c1b5a7;
--color-ethiopia-400: #aa9c8c;
--color-ethiopia-500: #938371;
--color-ethiopia-600: #7d6f60;
--color-ethiopia-700: #64594d;
--color-ethiopia-800: #4a4138;
--color-ethiopia-900: #332d26;
--color-ethiopia-950: #1f1a14;
}SCSS
$ethiopia: #968777;
$ethiopia-rgb: 150, 135, 119;
$ethiopia-light: mix(#fff, $ethiopia, 20%);
$ethiopia-dark: mix(#000, $ethiopia, 20%);
.element {
color: $ethiopia;
box-shadow: 0 0 0 2px rgba($ethiopia, 0.35);
}