이름 색상 · #28615D
Verdant Forest
Verdant Forest은(는) #28615D: rgb(40 97 93), hsl(176 42% 27%), oklch(0.454 0.06 189). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Verdant Forest color name →
#28615D
oklch(0.454 0.06 189)
색상 변환
- HEX
- #28615d
- RGB
- rgb(40 97 93)
- HSL
- hsl(176 42% 27%)
- HWB
- hwb(176 16% 62%)
- OKLCH
- oklch(0.454 0.06 189)
- OKLab
- oklab(0.454 -0.059 -0.009)
- CIE Lab
- lab(37.31 -20.26 -3.67)
- LCH
- lch(37.31 20.59 190.3)
- CMYK
- cmyk(59% 0% 4% 62%)
틴트 · 셰이드 · 톤
틴트
- 3F706C
- 547F7B
- 688E8A
- 7D9D9A
- 92ADAA
- A7BDBB
- BDCDCB
- D3DEDC
- E9EEEE
셰이드
- 215350
- 1B4643
- 153937
- 0F2D2A
- 09211F
- 041514
- 020B0A
- 010303
- 000000
톤
- 336460
- 3D6764
- 466A67
- 4F6E6B
- 57716E
- 607472
- 687775
- 707A79
- 787D7C
색 조화
보색 +180°
- 28615D
Verdant Forest
- 73484F
≈ Formal Maroon
유사색 -30° +30°
- 28615D
Verdant Forest
- 37614A
≈ Moss Vale
- 2A5E6D
≈ Night Shift
삼각 배색 +120° +240°
- 28615D
Verdant Forest
- 604D70
≈ Futaai Indigo
- 6C5030
≈ Chocolate Rain
분열 보색 +150° +210°
- 28615D
Verdant Forest
- 6D4961
≈ Wizard Time
- 734B3D
≈ Tiramisu
사각 배색 +90° +180° +270°
- 28615D
Verdant Forest
- 4F5377
≈ Deep Orchid
- 73484F
≈ Formal Maroon
- 5E572E
≈ Tucumán Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.09:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.95:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.09:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--verdant-forest: #28615d;
--verdant-forest-rgb: 40 97 93;
--verdant-forest-oklch: oklch(0.454 0.06 189);
}
.element {
color: var(--verdant-forest);
background-color: hsl(176 42% 27%);
border-color: oklch(0.454 0.06 189);
}Tailwind CSS v4
@theme {
--color-verdant-forest: #28615d;
--color-verdant-forest-50: #e3fbf9;
--color-verdant-forest-100: #d2efed;
--color-verdant-forest-200: #b8ddda;
--color-verdant-forest-300: #95c2bf;
--color-verdant-forest-400: #75aaa6;
--color-verdant-forest-500: #54938e;
--color-verdant-forest-600: #487c78;
--color-verdant-forest-700: #396460;
--color-verdant-forest-800: #294946;
--color-verdant-forest-900: #1b3330;
--color-verdant-forest-950: #0b1e1d;
}SCSS
$verdant-forest: #28615d;
$verdant-forest-rgb: 40, 97, 93;
$verdant-forest-light: mix(#fff, $verdant-forest, 20%);
$verdant-forest-dark: mix(#000, $verdant-forest, 20%);
.element {
color: $verdant-forest;
box-shadow: 0 0 0 2px rgba($verdant-forest, 0.35);
}