가장 가까운 이름 색상 · #153D1F
#153D1F
가장 가까운 이름 색상: Queen of Trees
#153D1F(rgb(21 61 31), hsl(135 49% 16%), oklch(0.323 0.069 149.2))와 가장 가까운 이름 색상은 Queen of Trees입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#153D1F
oklch(0.323 0.069 149.2)
색상 변환
- HEX
- #153d1f
- RGB
- rgb(21 61 31)
- HSL
- hsl(135 49% 16%)
- HWB
- hwb(135 8% 76%)
- OKLCH
- oklch(0.323 0.069 149.2)
- OKLab
- oklab(0.323 -0.06 0.035)
- CIE Lab
- lab(22.29 -20.67 14.11)
- LCH
- lch(22.29 25.03 145.7)
- CMYK
- cmyk(66% 0% 49% 76%)
틴트 · 셰이드 · 톤
틴트
- 2C4E32
- 416047
- 57735B
- 6D8671
- 849987
- 9CAD9E
- B4C1B6
- CCD5CE
- E6EAE6
셰이드
- 113419
- 0C2B14
- 08220F
- 051A0A
- 031206
- 020A03
- 010401
- 000100
- 000000
톤
- 214428
- 2C4A32
- 36513B
- 415744
- 4B5E4E
- 566558
- 606C62
- 6B726C
- 757976
색 조화
보색 +180°
- 153D1F
Queen of Trees
- 472545
≈ Opulent Mauve
유사색 -30° +30°
- 153D1F
Queen of Trees
- 303807
≈ Wasabi Nori
- 003D34
≈ Night Turquoise
삼각 배색 +120° +240°
- 153D1F
Queen of Trees
- 253157
≈ Boatswain
- 51241E
≈ Torrefacto Roast
분열 보색 +150° +210°
- 153D1F
Queen of Trees
- 392A52
≈ Parachute Purple
- 4F2332
≈ Carambar
사각 배색 +90° +180° +270°
- 153D1F
Queen of Trees
- 053753
≈ Incremental Blue
- 472545
≈ Opulent Mauve
- 4D2907
≈ Brown Study
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.21:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.71:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.21:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--queen-of-trees: #153d1f;
--queen-of-trees-rgb: 21 61 31;
--queen-of-trees-oklch: oklch(0.323 0.069 149.2);
}
.element {
color: var(--queen-of-trees);
background-color: hsl(135 49% 16%);
border-color: oklch(0.323 0.069 149.2);
}Tailwind CSS v4
@theme {
--color-queen-of-trees: #153d1f;
--color-queen-of-trees-50: #e8fbeb;
--color-queen-of-trees-100: #d8efdc;
--color-queen-of-trees-200: #c0ddc6;
--color-queen-of-trees-300: #9ec2a6;
--color-queen-of-trees-400: #82aa88;
--color-queen-of-trees-500: #65936d;
--color-queen-of-trees-600: #567d5d;
--color-queen-of-trees-700: #44644a;
--color-queen-of-trees-800: #324934;
--color-queen-of-trees-900: #223324;
--color-queen-of-trees-950: #111e13;
}SCSS
$queen-of-trees: #153d1f;
$queen-of-trees-rgb: 21, 61, 31;
$queen-of-trees-light: mix(#fff, $queen-of-trees, 20%);
$queen-of-trees-dark: mix(#000, $queen-of-trees, 20%);
.element {
color: $queen-of-trees;
box-shadow: 0 0 0 2px rgba($queen-of-trees, 0.35);
}