Adlandırılmış renk · #8A8C66
Yogi
Yogi, #8A8C66: rgb(138 140 102), hsl(63 16% 47%), oklch(0.628 0.054 110.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Yogi color name →
#8A8C66
oklch(0.628 0.054 110.4)
Renk dönüşümleri
- HEX
- #8a8c66
- RGB
- rgb(138 140 102)
- HSL
- hsl(63 16% 47%)
- HWB
- hwb(63 40% 45%)
- OKLCH
- oklch(0.628 0.054 110.4)
- OKLab
- oklab(0.628 -0.019 0.051)
- CIE Lab
- lab(57.33 -5.61 20.13)
- LCH
- lch(57.33 20.9 105.6)
- CMYK
- cmyk(1% 0% 27% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 959775
- A0A283
- ACAD92
- B7B9A1
- C3C4B0
- CED0C0
- DADBCF
- E6E7DF
- F3F3EF
Koyu tonlar
- 777958
- 65674A
- 53553C
- 42432F
- 323323
- 222317
- 14140C
- 070704
- 010100
Gri tonlar
- 898B69
- 888A6C
- 87896E
- 868771
- 858674
- 848576
- 838479
- 82827B
- 81817E
Renk uyumları
Tamamlayıcı +180°
- 8A8C66
Yogi
- 8883A8
≈ Purple Hills
Analog -30° +30°
Üçlü +120° +240°
- 8A8C66
Yogi
- 678FA3
≈ Saltbox Blue
- A37C8D
≈ Dusky Orchid
Bölünmüş tamamlayıcı +150° +210°
- 8A8C66
Yogi
- 768AAA
≈ Ship Cove
- 987E9D
≈ Wildflower
Dörtlü +90° +180° +270°
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 {
--yogi: #8a8c66;
--yogi-rgb: 138 140 102;
--yogi-oklch: oklch(0.628 0.054 110.4);
}
.element {
color: var(--yogi);
background-color: hsl(63 16% 47%);
border-color: oklch(0.628 0.054 110.4);
}Tailwind CSS v4
@theme {
--color-yogi: #8a8c66;
--color-yogi-50: #f5f7e6;
--color-yogi-100: #e8ead6;
--color-yogi-200: #d4d7bd;
--color-yogi-300: #b7bb9b;
--color-yogi-400: #a0a27d;
--color-yogi-500: #888a60;
--color-yogi-600: #737551;
--color-yogi-700: #5c5d41;
--color-yogi-800: #44442e;
--color-yogi-900: #2f2f1f;
--color-yogi-950: #1b1b0f;
}SCSS
$yogi: #8a8c66;
$yogi-rgb: 138, 140, 102;
$yogi-light: mix(#fff, $yogi, 20%);
$yogi-dark: mix(#000, $yogi, 20%);
.element {
color: $yogi;
box-shadow: 0 0 0 2px rgba($yogi, 0.35);
}