이름 색상 · #659C35
Radiant Foliage
Radiant Foliage은(는) #659C35: rgb(101 156 53), hsl(92 49% 41%), oklch(0.633 0.147 133.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Radiant Foliage color name →
#659C35
oklch(0.633 0.147 133.1)
색상 변환
- HEX
- #659c35
- RGB
- rgb(101 156 53)
- HSL
- hsl(92 49% 41%)
- HWB
- hwb(92 21% 39%)
- OKLCH
- oklch(0.633 0.147 133.1)
- OKLab
- oklab(0.633 -0.1 0.107)
- CIE Lab
- lab(58.92 -32.05 45.93)
- LCH
- lch(58.92 56 124.9)
- CMYK
- cmyk(35% 0% 66% 39%)
틴트 · 셰이드 · 톤
틴트
- 74A64D
- 83B062
- 92BA76
- A1C48A
- B1CE9D
- C0D8B1
- D0E1C4
- DFEBD8
- EFF5EB
셰이드
- 57872D
- 497325
- 3C5F1D
- 2F4C15
- 22390E
- 172808
- 0C1803
- 030901
- 000100
톤
- 689940
- 6B974A
- 6E9452
- 71925A
- 748F61
- 768C68
- 79896E
- 7B8674
- 7E837A
색 조화
보색 +180°
- 659C35
Radiant Foliage
- A96CC8
≈ Rich Lavender
유사색 -30° +30°
- 659C35
Radiant Foliage
- 998C00
≈ Smoothie Green
- 00A372
≈ Bejewelled
삼각 배색 +120° +240°
- 659C35
Radiant Foliage
- 418CE0
≈ Oregon Blue
- D35F70
≈ Berrylicious
분열 보색 +150° +210°
- 659C35
Radiant Foliage
- 7F7BDF
≈ Tanzine
- C562A1
≈ Young Purple
사각 배색 +90° +180° +270°
- 659C35
Radiant Foliage
- 0099BE
≈ Serene Blue
- A96CC8
≈ Rich Lavender
- D16739
≈ Koi
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.30:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.36:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.36:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--radiant-foliage: #659c35;
--radiant-foliage-rgb: 101 156 53;
--radiant-foliage-oklch: oklch(0.633 0.147 133.1);
}
.element {
color: var(--radiant-foliage);
background-color: hsl(92 49% 41%);
border-color: oklch(0.633 0.147 133.1);
}Tailwind CSS v4
@theme {
--color-radiant-foliage: #659c35;
--color-radiant-foliage-50: #e3ffd5;
--color-radiant-foliage-100: #d3f4c3;
--color-radiant-foliage-200: #b9e3a4;
--color-radiant-foliage-300: #96c87b;
--color-radiant-foliage-400: #7bb051;
--color-radiant-foliage-500: #5d9920;
--color-radiant-foliage-600: #4f821e;
--color-radiant-foliage-700: #3f6818;
--color-radiant-foliage-800: #304c0b;
--color-radiant-foliage-900: #203507;
--color-radiant-foliage-950: #102000;
}SCSS
$radiant-foliage: #659c35;
$radiant-foliage-rgb: 101, 156, 53;
$radiant-foliage-light: mix(#fff, $radiant-foliage, 20%);
$radiant-foliage-dark: mix(#000, $radiant-foliage, 20%);
.element {
color: $radiant-foliage;
box-shadow: 0 0 0 2px rgba($radiant-foliage, 0.35);
}