가장 가까운 이름 색상 · #00542D
#00542D
가장 가까운 이름 색상: O Tannenbaum
#00542D(rgb(0 84 45), hsl(152 100% 16%), oklch(0.392 0.097 154.9))와 가장 가까운 이름 색상은 O Tannenbaum입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00542D
oklch(0.392 0.097 154.9)
색상 변환
- HEX
- #00542d
- RGB
- rgb(0 84 45)
- HSL
- hsl(152 100% 16%)
- HWB
- hwb(152 0% 67%)
- OKLCH
- oklch(0.392 0.097 154.9)
- OKLab
- oklab(0.392 -0.088 0.041)
- CIE Lab
- lab(30.68 -31.19 16.23)
- LCH
- lch(30.68 35.16 152.5)
- CMYK
- cmyk(100% 0% 46% 67%)
틴트 · 셰이드 · 톤
틴트
- 266440
- 407453
- 578567
- 6F957B
- 86A690
- 9DB8A5
- B5C9BB
- CEDBD1
- E6EDE8
셰이드
- 004826
- 003C1F
- 003118
- 002611
- 001B0B
- 001106
- 000802
- 000201
- 000000
톤
- 195935
- 285D3D
- 356245
- 41664E
- 4C6A56
- 576F5E
- 617367
- 6B776F
- 767C77
색 조화
보색 +180°
- 00542D
O Tannenbaum
- 642F5A
≈ Velvet Mauve
유사색 -30° +30°
- 00542D
O Tannenbaum
- 3A4E02
≈ Godzilla
- 00514A
≈ Myrtle Deep Green
삼각 배색 +120° +240°
- 00542D
O Tannenbaum
- 373F79
≈ Evening Magic
- 702E1F
≈ Hereford Cow Brown
분열 보색 +150° +210°
- 00542D
O Tannenbaum
- 52366F
≈ Succinct Violet
- 6E2B3E
≈ Anthracite Red
사각 배색 +90° +180° +270°
- 00542D
O Tannenbaum
- 024975
≈ Medici Blue
- 642F5A
≈ Velvet Mauve
- 653A00
≈ Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.10:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.30:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--o-tannenbaum: #00542d;
--o-tannenbaum-rgb: 0 84 45;
--o-tannenbaum-oklch: oklch(0.392 0.097 154.9);
}
.element {
color: var(--o-tannenbaum);
background-color: hsl(152 100% 16%);
border-color: oklch(0.392 0.097 154.9);
}Tailwind CSS v4
@theme {
--color-o-tannenbaum: #00542d;
--color-o-tannenbaum-50: #e0feea;
--color-o-tannenbaum-100: #cff2db;
--color-o-tannenbaum-200: #b3e1c4;
--color-o-tannenbaum-300: #8ec7a4;
--color-o-tannenbaum-400: #6eb085;
--color-o-tannenbaum-500: #4b9969;
--color-o-tannenbaum-600: #408159;
--color-o-tannenbaum-700: #336847;
--color-o-tannenbaum-800: #254c32;
--color-o-tannenbaum-900: #193522;
--color-o-tannenbaum-950: #092011;
}SCSS
$o-tannenbaum: #00542d;
$o-tannenbaum-rgb: 0, 84, 45;
$o-tannenbaum-light: mix(#fff, $o-tannenbaum, 20%);
$o-tannenbaum-dark: mix(#000, $o-tannenbaum, 20%);
.element {
color: $o-tannenbaum;
box-shadow: 0 0 0 2px rgba($o-tannenbaum, 0.35);
}