이름 색상 · #8A8D69
Tiny Seedling
Tiny Seedling은(는) #8A8D69: rgb(138 141 105), hsl(65 15% 48%), oklch(0.631 0.051 111.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tiny Seedling color name →
#8A8D69
oklch(0.631 0.051 111.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 959877
- A0A386
- ACAE94
- B7B9A3
- C3C5B2
- CFD0C1
- DADCD0
- E7E7E0
- F3F3EF
셰이드
- 777A5A
- 65674C
- 53553E
- 424431
- 323324
- 222318
- 14140C
- 070704
- 010100
톤
- 898C6C
- 888A6E
- 878970
- 868873
- 858775
- 848577
- 83847A
- 82837C
- 81817E
색 조화
보색 +180°
- 8A8D69
Tiny Seedling
- 8A84A7
≈ Purple Hills
유사색 -30° +30°
- 8A8D69
Tiny Seedling
- 998766
≈ Treasure Chamber
- 789275
≈ Chic Shade
삼각 배색 +120° +240°
- 8A8D69
Tiny Seedling
- 6A90A4
≈ French Court
- A37D8D
≈ Dusky Orchid
분열 보색 +150° +210°
- 8A8D69
Tiny Seedling
- 798AA9
≈ Purple Impression
- 99809C
≈ Mixed Berries
사각 배색 +90° +180° +270°
- 8A8D69
Tiny Seedling
- 649397
≈ Clear Brook
- 8A84A7
≈ Purple Hills
- A77E7C
≈ Cherry Mocha
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.09:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
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);
}