Adlandırılmış renk · #8A8D69
Tiny Seedling
Tiny Seedling, #8A8D69: rgb(138 141 105), hsl(65 15% 48%), oklch(0.631 0.051 111.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Tiny Seedling color name →
#8A8D69
oklch(0.631 0.051 111.7)
Renk dönüşümleri
- HEX
- #8a8d69
- RGB
- rgb(138 141 105)
- HSL
- hsl(65 15% 48%)
- HWB
- hwb(65 41% 45%)
- OKLCH
- oklch(0.631 0.051 111.7)
- OKLab
- oklab(0.631 -0.019 0.048)
- CIE Lab
- lab(57.66 -5.8 18.91)
- LCH
- lch(57.66 19.78 107.1)
- CMYK
- cmyk(2% 0% 26% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 959877
- A0A386
- ACAE94
- B7B9A3
- C3C5B2
- CFD0C1
- DADCD0
- E7E7E0
- F3F3EF
Koyu tonlar
- 777A5A
- 65674C
- 53553E
- 424431
- 323324
- 222318
- 14140C
- 070704
- 010100
Gri tonlar
- 898C6C
- 888A6E
- 878970
- 868873
- 858775
- 848577
- 83847A
- 82837C
- 81817E
Renk uyumları
Tamamlayıcı +180°
- 8A8D69
Tiny Seedling
- 8A84A7
≈ Purple Hills
Analog -30° +30°
- 8A8D69
Tiny Seedling
- 998766
≈ Treasure Chamber
- 789275
≈ Chic Shade
Üçlü +120° +240°
- 8A8D69
Tiny Seedling
- 6A90A4
≈ French Court
- A37D8D
≈ Dusky Orchid
Bölünmüş tamamlayıcı +150° +210°
- 8A8D69
Tiny Seedling
- 798AA9
≈ Purple Impression
- 99809C
≈ Mixed Berries
Dörtlü +90° +180° +270°
- 8A8D69
Tiny Seedling
- 649397
≈ Clear Brook
- 8A84A7
≈ Purple Hills
- A77E7C
≈ Cherry Mocha
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.44:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.09:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--tiny-seedling: #8a8d69;
--tiny-seedling-rgb: 138 141 105;
--tiny-seedling-oklch: oklch(0.631 0.051 111.7);
}
.element {
color: var(--tiny-seedling);
background-color: hsl(65 15% 48%);
border-color: oklch(0.631 0.051 111.7);
}Tailwind CSS v4
@theme {
--color-tiny-seedling: #8a8d69;
--color-tiny-seedling-50: #f5f7e7;
--color-tiny-seedling-100: #e7ead7;
--color-tiny-seedling-200: #d4d7be;
--color-tiny-seedling-300: #b7bb9d;
--color-tiny-seedling-400: #9fa27f;
--color-tiny-seedling-500: #878a62;
--color-tiny-seedling-600: #727553;
--color-tiny-seedling-700: #5b5d42;
--color-tiny-seedling-800: #43442f;
--color-tiny-seedling-900: #2e2f20;
--color-tiny-seedling-950: #1b1c10;
}SCSS
$tiny-seedling: #8a8d69;
$tiny-seedling-rgb: 138, 141, 105;
$tiny-seedling-light: mix(#fff, $tiny-seedling, 20%);
$tiny-seedling-dark: mix(#000, $tiny-seedling, 20%);
.element {
color: $tiny-seedling;
box-shadow: 0 0 0 2px rgba($tiny-seedling, 0.35);
}