이름 색상 · #C0AA60
Slender Stem
Slender Stem은(는) #C0AA60: rgb(192 170 96), hsl(46 43% 56%), oklch(0.741 0.098 93.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Slender Stem color name →
#C0AA60
oklch(0.741 0.098 93.3)
색상 변환
- HEX
- #c0aa60
- RGB
- rgb(192 170 96)
- HSL
- hsl(46 43% 56%)
- HWB
- hwb(46 38% 25%)
- OKLCH
- oklch(0.741 0.098 93.3)
- OKLab
- oklab(0.741 -0.006 0.097)
- CIE Lab
- lab(70.35 1.12 40.89)
- LCH
- lch(70.35 40.91 88.4)
- CMYK
- cmyk(0% 11% 50% 25%)
틴트 · 셰이드 · 톤
틴트
- C6B271
- CCBB81
- D3C391
- D9CCA1
- DFD4B1
- E5DDC0
- ECE5D0
- F2EEE0
- F9F6EF
셰이드
- A79352
- 8E7D45
- 766838
- 5F532C
- 493F20
- 342D15
- 201B0A
- 0E0B03
- 020100
톤
- B9A665
- B3A269
- AC9E6D
- A69970
- 9F9573
- 999176
- 938D79
- 8C897C
- 86847E
색 조화
보색 +180°
- C0AA60
Slender Stem
- 97A7E9
≈ Dalmatian Sage
유사색 -30° +30°
- C0AA60
Slender Stem
- D79E68
≈ Caramelo Dulce
- 9FB66F
≈ Around the Gills
삼각 배색 +120° +240°
- C0AA60
Slender Stem
- 57BBD0
≈ High Dive
- D194C5
≈ Carnation Rose
분열 보색 +150° +210°
- C0AA60
Slender Stem
- 73B2E4
≈ Lucea
- B89CDE
≈ Violet Velvet
사각 배색 +90° +180° +270°
- C0AA60
Slender Stem
- 59BFB1
≈ Treasured Teal
- 97A7E9
≈ Dalmatian Sage
- DF91A5
≈ Kobi
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.29:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.16:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--slender-stem: #c0aa60;
--slender-stem-rgb: 192 170 96;
--slender-stem-oklch: oklch(0.741 0.098 93.3);
}
.element {
color: var(--slender-stem);
background-color: hsl(46 43% 56%);
border-color: oklch(0.741 0.098 93.3);
}Tailwind CSS v4
@theme {
--color-slender-stem: #c0aa60;
--color-slender-stem-50: #fdf6d6;
--color-slender-stem-100: #f2e8c4;
--color-slender-stem-200: #e1d5a5;
--color-slender-stem-300: #c7b77e;
--color-slender-stem-400: #b29d58;
--color-slender-stem-500: #9c842e;
--color-slender-stem-600: #847029;
--color-slender-stem-700: #6a5a21;
--color-slender-stem-800: #4f4115;
--color-slender-stem-900: #372d0d;
--color-slender-stem-950: #221a02;
}SCSS
$slender-stem: #c0aa60;
$slender-stem-rgb: 192, 170, 96;
$slender-stem-light: mix(#fff, $slender-stem, 20%);
$slender-stem-dark: mix(#000, $slender-stem, 20%);
.element {
color: $slender-stem;
box-shadow: 0 0 0 2px rgba($slender-stem, 0.35);
}