이름 색상 · #0E7C36
Verdant Vale
Verdant Vale은(는) #0E7C36: rgb(14 124 54), hsl(142 80% 27%), oklch(0.514 0.14 149). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Verdant Vale color name →
#0E7C36
oklch(0.514 0.14 149)
색상 변환
- HEX
- #0e7c36
- RGB
- rgb(14 124 54)
- HSL
- hsl(142 80% 27%)
- HWB
- hwb(142 5% 51%)
- OKLCH
- oklch(0.514 0.14 149)
- OKLab
- oklab(0.514 -0.12 0.072)
- CIE Lab
- lab(45.32 -41.94 29.33)
- LCH
- lch(45.32 51.18 145)
- CMYK
- cmyk(89% 0% 56% 51%)
틴트 · 셰이드 · 톤
틴트
- 34894A
- 4E965D
- 65A371
- 7CB084
- 92BD98
- A7CAAC
- BDD7C0
- D3E4D5
- E9F2EA
셰이드
- 0B6B2E
- 075A25
- 054A1E
- 033B16
- 022C0F
- 011E08
- 001103
- 000501
- 000100
톤
- 267D3F
- 357E47
- 427E4E
- 4C7F56
- 567F5D
- 5F8064
- 68806B
- 708072
- 788079
색 조화
보색 +180°
- 0E7C36
Verdant Vale
- 91458E
≈ Plum Pie
유사색 -30° +30°
- 0E7C36
Verdant Vale
- 607000
≈ Brownish Green
- 007868
≈ Shady Glade
삼각 배색 +120° +240°
- 0E7C36
Verdant Vale
- 4760B7
≈ Chinese Bellflower
- A84035
≈ Cherry Race
분열 보색 +150° +210°
- 0E7C36
Verdant Vale
- 7351AB
≈ Royal Lavender
- A33E65
≈ Valentine’s Day
사각 배색 +90° +180° +270°
- 0E7C36
Verdant Vale
- 006EA2
≈ Disarm
- 91458E
≈ Plum Pie
- 995200
≈ Charlie Brown
대비 및 접근성
Ag
AA흰색 위
WCAG 5.30:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.95:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--verdant-vale: #0e7c36;
--verdant-vale-rgb: 14 124 54;
--verdant-vale-oklch: oklch(0.514 0.14 149);
}
.element {
color: var(--verdant-vale);
background-color: hsl(142 80% 27%);
border-color: oklch(0.514 0.14 149);
}Tailwind CSS v4
@theme {
--color-verdant-vale: #0e7c36;
--color-verdant-vale-50: #d9ffe1;
--color-verdant-vale-100: #c7f6d0;
--color-verdant-vale-200: #a8e6b6;
--color-verdant-vale-300: #80cc93;
--color-verdant-vale-400: #5cb56f;
--color-verdant-vale-500: #2e9f4f;
--color-verdant-vale-600: #298643;
--color-verdant-vale-700: #216b36;
--color-verdant-vale-800: #1a4f24;
--color-verdant-vale-900: #113718;
--color-verdant-vale-950: #032208;
}SCSS
$verdant-vale: #0e7c36;
$verdant-vale-rgb: 14, 124, 54;
$verdant-vale-light: mix(#fff, $verdant-vale, 20%);
$verdant-vale-dark: mix(#000, $verdant-vale, 20%);
.element {
color: $verdant-vale;
box-shadow: 0 0 0 2px rgba($verdant-vale, 0.35);
}