이름 색상 · #689938
Hidden Valley
Hidden Valley은(는) #689938: rgb(104 153 56), hsl(90 46% 41%), oklch(0.627 0.138 132). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Hidden Valley color name →
#689938
oklch(0.627 0.138 132)
색상 변환
- HEX
- #689938
- RGB
- rgb(104 153 56)
- HSL
- hsl(90 46% 41%)
- HWB
- hwb(90 22% 40%)
- OKLCH
- oklch(0.627 0.138 132)
- OKLab
- oklab(0.627 -0.093 0.103)
- CIE Lab
- lab(58.18 -29.47 43.92)
- LCH
- lch(58.18 52.89 123.9)
- CMYK
- cmyk(32% 0% 63% 40%)
틴트 · 셰이드 · 톤
틴트
- 77A34F
- 85AD63
- 94B877
- A3C28A
- B2CC9E
- C1D6B1
- D0E0C4
- E0EBD8
- EFF5EB
셰이드
- 59842F
- 4B7027
- 3E5D1F
- 304A17
- 24380F
- 182708
- 0C1704
- 040801
- 000100
톤
- 6B9742
- 6D944B
- 709253
- 72905B
- 758D62
- 778B68
- 79886F
- 7C8675
- 7E837A
색 조화
보색 +180°
- 689938
Hidden Valley
- A46DC4
≈ Rich Lavender
유사색 -30° +30°
- 689938
Hidden Valley
- 998A00
≈ Medusa Green
- 00A16E
≈ Surgeon
삼각 배색 +120° +240°
- 689938
Hidden Valley
- 428BD9
≈ Oregon Blue
- CD6072
≈ Cherry Fruit
분열 보색 +150° +210°
- 689938
Hidden Valley
- 7C7CD9
≈ Tanzine
- BF63A0
≈ Young Purple
사각 배색 +90° +180° +270°
- 689938
Hidden Valley
- 0097BA
≈ Serene Blue
- A46DC4
≈ Rich Lavender
- CC683F
≈ Terracotta
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.20:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--hidden-valley: #689938;
--hidden-valley-rgb: 104 153 56;
--hidden-valley-oklch: oklch(0.627 0.138 132);
}
.element {
color: var(--hidden-valley);
background-color: hsl(90 46% 41%);
border-color: oklch(0.627 0.138 132);
}Tailwind CSS v4
@theme {
--color-hidden-valley: #689938;
--color-hidden-valley-50: #e5ffd7;
--color-hidden-valley-100: #d5f3c4;
--color-hidden-valley-200: #bce2a5;
--color-hidden-valley-300: #9ac77d;
--color-hidden-valley-400: #7faf55;
--color-hidden-valley-500: #629828;
--color-hidden-valley-600: #548124;
--color-hidden-valley-700: #43671d;
--color-hidden-valley-800: #324b10;
--color-hidden-valley-900: #22340a;
--color-hidden-valley-950: #112000;
}SCSS
$hidden-valley: #689938;
$hidden-valley-rgb: 104, 153, 56;
$hidden-valley-light: mix(#fff, $hidden-valley, 20%);
$hidden-valley-dark: mix(#000, $hidden-valley, 20%);
.element {
color: $hidden-valley;
box-shadow: 0 0 0 2px rgba($hidden-valley, 0.35);
}