이름 색상 · #728A51
Bright Forest
Bright Forest은(는) #728A51: rgb(114 138 81), hsl(85 26% 43%), oklch(0.6 0.086 127.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bright Forest color name →
#728A51
oklch(0.6 0.086 127.4)
색상 변환
- HEX
- #728a51
- RGB
- rgb(114 138 81)
- HSL
- hsl(85 26% 43%)
- HWB
- hwb(85 32% 46%)
- OKLCH
- oklch(0.6 0.086 127.4)
- OKLab
- oklab(0.6 -0.052 0.068)
- CIE Lab
- lab(54.51 -16.59 27.54)
- LCH
- lch(54.51 32.15 121.1)
- CMYK
- cmyk(17% 0% 41% 46%)
틴트 · 셰이드 · 톤
틴트
- 7F9562
- 8DA173
- 9AAC84
- A8B895
- B6C3A6
- C4CFB8
- D3DBC9
- E1E7DB
- F0F3ED
셰이드
- 627745
- 53653A
- 44532F
- 364224
- 28321A
- 1B2210
- 0E1407
- 040702
- 010100
톤
- 738956
- 75885C
- 768761
- 788665
- 79856A
- 7A846F
- 7C8373
- 7D8277
- 7F817C
색 조화
보색 +180°
- 728A51
Bright Forest
- 8E72A8
≈ Ce Soir
유사색 -30° +30°
- 728A51
Bright Forest
- 8E8141
≈ Peas Please
- 51906C
≈ Green Weed
삼각 배색 +120° +240°
- 728A51
Bright Forest
- 5585B1
≈ Splash Palace
- AC6A77
≈ Mauvewood
분열 보색 +150° +210°
- 728A51
Bright Forest
- 747BB3
≈ Ontario Violet
- A16C93
≈ Flowering Raspberry
사각 배색 +90° +180° +270°
- 728A51
Bright Forest
- 398DA2
≈ Scooter
- 8E72A8
≈ Ce Soir
- AD6E5B
≈ Amaretto
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.83:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.46:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--bright-forest: #728a51;
--bright-forest-rgb: 114 138 81;
--bright-forest-oklch: oklch(0.6 0.086 127.4);
}
.element {
color: var(--bright-forest);
background-color: hsl(85 26% 43%);
border-color: oklch(0.6 0.086 127.4);
}Tailwind CSS v4
@theme {
--color-bright-forest: #728a51;
--color-bright-forest-50: #edfae1;
--color-bright-forest-100: #dfeed0;
--color-bright-forest-200: #c9dcb6;
--color-bright-forest-300: #aac192;
--color-bright-forest-400: #90a871;
--color-bright-forest-500: #769151;
--color-bright-forest-600: #647b45;
--color-bright-forest-700: #506237;
--color-bright-forest-800: #3b4826;
--color-bright-forest-900: #293219;
--color-bright-forest-950: #171e0a;
}SCSS
$bright-forest: #728a51;
$bright-forest-rgb: 114, 138, 81;
$bright-forest-light: mix(#fff, $bright-forest, 20%);
$bright-forest-dark: mix(#000, $bright-forest, 20%);
.element {
color: $bright-forest;
box-shadow: 0 0 0 2px rgba($bright-forest, 0.35);
}