가장 가까운 이름 색상 · #006E5D
#006E5D
가장 가까운 이름 색상: Tropical Rainforest
#006E5D(rgb(0 110 93), hsl(171 100% 22%), oklch(0.481 0.089 177.1))와 가장 가까운 이름 색상은 Tropical Rainforest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#006E5D
oklch(0.481 0.089 177.1)
색상 변환
- HEX
- #006e5d
- RGB
- rgb(0 110 93)
- HSL
- hsl(171 100% 22%)
- HWB
- hwb(171 0% 57%)
- OKLCH
- oklch(0.481 0.089 177.1)
- OKLab
- oklab(0.481 -0.089 0.005)
- CIE Lab
- lab(40.96 -31.43 1.5)
- LCH
- lch(40.96 31.46 177.3)
- CMYK
- cmyk(100% 0% 15% 57%)
틴트 · 셰이드 · 톤
틴트
- 2E7C6C
- 498A7B
- 60988A
- 77A69A
- 8EB5AA
- A4C3BB
- BBD2CB
- D1E1DC
- E8F0EE
셰이드
- 005F50
- 005043
- 004137
- 00332A
- 00261F
- 001914
- 000E0A
- 000403
- 000100
톤
- 1F7060
- 307264
- 3D7467
- 48766B
- 53786E
- 5C7972
- 667B75
- 6F7D79
- 777E7C
색 조화
보색 +180°
- 006E5D
Tropical Rainforest
- 85475F
≈ Redcurrant
유사색 -30° +30°
- 006E5D
Tropical Rainforest
- 386B3F
≈ Arcala Green
- 006B76
≈ Mary Blue
삼각 배색 +120° +240°
- 006E5D
Tropical Rainforest
- 63528A
≈ Fine Purple
- 835026
≈ Lamb Chop
분열 보색 +150° +210°
- 006E5D
Tropical Rainforest
- 784B78
≈ Cabbage Blossom Violet
- 894942
≈ Henna
사각 배색 +90° +180° +270°
- 006E5D
Tropical Rainforest
- 475C90
≈ Blue Dude
- 85475F
≈ Redcurrant
- 745A15
≈ Hot Mustard
대비 및 접근성
Ag
AA흰색 위
WCAG 6.19:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.38:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-rainforest: #006e5d;
--tropical-rainforest-rgb: 0 110 93;
--tropical-rainforest-oklch: oklch(0.481 0.089 177.1);
}
.element {
color: var(--tropical-rainforest);
background-color: hsl(171 100% 22%);
border-color: oklch(0.481 0.089 177.1);
}Tailwind CSS v4
@theme {
--color-tropical-rainforest: #006e5d;
--color-tropical-rainforest-50: #dbfef6;
--color-tropical-rainforest-100: #c9f2e8;
--color-tropical-rainforest-200: #abe1d5;
--color-tropical-rainforest-300: #84c7b8;
--color-tropical-rainforest-400: #5fb09d;
--color-tropical-rainforest-500: #339985;
--color-tropical-rainforest-600: #2d8271;
--color-tropical-rainforest-700: #24685a;
--color-tropical-rainforest-800: #194c41;
--color-tropical-rainforest-900: #11352c;
--color-tropical-rainforest-950: #03201a;
}SCSS
$tropical-rainforest: #006e5d;
$tropical-rainforest-rgb: 0, 110, 93;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);
.element {
color: $tropical-rainforest;
box-shadow: 0 0 0 2px rgba($tropical-rainforest, 0.35);
}