Couleur nommée · #8A8D69
Tiny Seedling
Tiny Seedling correspond à #8A8D69 : rgb(138 141 105), hsl(65 15% 48%), oklch(0.631 0.051 111.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Tiny Seedling color name →
#8A8D69
oklch(0.631 0.051 111.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 959877
- A0A386
- ACAE94
- B7B9A3
- C3C5B2
- CFD0C1
- DADCD0
- E7E7E0
- F3F3EF
Ombres
- 777A5A
- 65674C
- 53553E
- 424431
- 323324
- 222318
- 14140C
- 070704
- 010100
Tons
- 898C6C
- 888A6E
- 878970
- 868873
- 858775
- 848577
- 83847A
- 82837C
- 81817E
Harmonies de couleurs
Complémentaire +180°
- 8A8D69
Tiny Seedling
- 8A84A7
≈ Purple Hills
Analogue -30° +30°
- 8A8D69
Tiny Seedling
- 998766
≈ Treasure Chamber
- 789275
≈ Chic Shade
Triadique +120° +240°
- 8A8D69
Tiny Seedling
- 6A90A4
≈ French Court
- A37D8D
≈ Dusky Orchid
Complémentaire divisée +150° +210°
- 8A8D69
Tiny Seedling
- 798AA9
≈ Purple Impression
- 99809C
≈ Mixed Berries
Tétradique +90° +180° +270°
- 8A8D69
Tiny Seedling
- 649397
≈ Clear Brook
- 8A84A7
≈ Purple Hills
- A77E7C
≈ Cherry Mocha
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.44:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.09:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
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);
}