이름 색상 · #C3DB8D
Tree Line
Tree Line은(는) #C3DB8D: rgb(195 219 141), hsl(78 52% 71%), oklch(0.855 0.105 122.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tree Line color name →
#C3DB8D
oklch(0.855 0.105 122.5)
색상 변환
- HEX
- #c3db8d
- RGB
- rgb(195 219 141)
- HSL
- hsl(78 52% 71%)
- HWB
- hwb(78 55% 14%)
- OKLCH
- oklch(0.855 0.105 122.5)
- OKLab
- oklab(0.855 -0.056 0.088)
- CIE Lab
- lab(84.25 -17.71 35.6)
- LCH
- lch(84.25 39.76 116.4)
- CMYK
- cmyk(11% 0% 36% 14%)
틴트 · 셰이드 · 톤
틴트
- C9DF99
- CFE2A5
- D5E6B0
- DBEABC
- E0EDC7
- E7F1D2
- EDF5DE
- F3F8E9
- F9FCF4
셰이드
- A9BE7A
- 90A267
- 788755
- 606D44
- 4A5433
- 343C23
- 202614
- 0E1107
- 020201
톤
- BCD28C
- B5C88C
- AEBF8B
- A7B68A
- A1AD88
- 9AA487
- 939B85
- 8D9284
- 868982
색 조화
보색 +180°
- C3DB8D
Tree Line
- DAC2FF
≈ Neon Boneyard
유사색 -30° +30°
- C3DB8D
Tree Line
- E7CE7D
≈ Ancient Treasure
- 9AE4AE
≈ Weekend Gardener
삼각 배색 +120° +240°
- C3DB8D
Tree Line
- A3D6FF
≈ Malmö FF
- FFB9CB
≈ Tentacle Pink
분열 보색 +150° +210°
- C3DB8D
Tree Line
- BFCDFF
≈ Lavender Blue
- F9B6EE
≈ Hermosa Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.83:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.83:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--tree-line: #c3db8d;
--tree-line-rgb: 195 219 141;
--tree-line-oklch: oklch(0.855 0.105 122.5);
}
.element {
color: var(--tree-line);
background-color: hsl(78 52% 71%);
border-color: oklch(0.855 0.105 122.5);
}Tailwind CSS v4
@theme {
--color-tree-line: #c3db8d;
--color-tree-line-50: #eefbda;
--color-tree-line-100: #e0efc9;
--color-tree-line-200: #caddac;
--color-tree-line-300: #abc186;
--color-tree-line-400: #93a961;
--color-tree-line-500: #7a913c;
--color-tree-line-600: #677b34;
--color-tree-line-700: #526229;
--color-tree-line-800: #3d481b;
--color-tree-line-900: #2a3211;
--color-tree-line-950: #181e04;
}SCSS
$tree-line: #c3db8d;
$tree-line-rgb: 195, 219, 141;
$tree-line-light: mix(#fff, $tree-line, 20%);
$tree-line-dark: mix(#000, $tree-line, 20%);
.element {
color: $tree-line;
box-shadow: 0 0 0 2px rgba($tree-line, 0.35);
}