이름 색상 · #8E9849
Chrysolite
Chrysolite은(는) #8E9849: rgb(142 152 73), hsl(68 35% 44%), oklch(0.654 0.104 115.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Chrysolite color name →
#8E9849
oklch(0.654 0.104 115.3)
색상 변환
- HEX
- #8e9849
- RGB
- rgb(142 152 73)
- HSL
- hsl(68 35% 44%)
- HWB
- hwb(68 29% 40%)
- OKLCH
- oklch(0.654 0.104 115.3)
- OKLab
- oklab(0.654 -0.045 0.094)
- CIE Lab
- lab(60.72 -12.55 39.7)
- LCH
- lch(60.72 41.64 107.5)
- CMYK
- cmyk(7% 0% 52% 40%)
틴트 · 셰이드 · 톤
틴트
- 99A25C
- A3AC6F
- AEB681
- B9C193
- C5CBA5
- D0D5B7
- DBE0C9
- E7EADB
- F3F5ED
셰이드
- 7B843E
- 687034
- 565C2A
- 444A20
- 343817
- 24270E
- 151706
- 070802
- 010100
톤
- 8C9650
- 8B9357
- 8A915D
- 888F63
- 878C68
- 858A6D
- 848872
- 838577
- 81837C
색 조화
보색 +180°
- 8E9849
Chrysolite
- 9583C9
≈ Amethyst Grey
유사색 -30° +30°
- 8E9849
Chrysolite
- AD8B3E
≈ Alpine
- 66A168
≈ Great Gazoo
삼각 배색 +120° +240°
- 8E9849
Chrysolite
- 489AC7
≈ Mountain Bluebird
- C27593
≈ Prehistoric Pink
분열 보색 +150° +210°
- 8E9849
Chrysolite
- 718FD1
≈ Organza Violet
- B17AB3
≈ Berries Galore
사각 배색 +90° +180° +270°
- 8E9849
Chrysolite
- 24A2AF
≈ Garish Blue
- 9583C9
≈ Amethyst Grey
- C8766F
≈ Red Sparowes
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.73:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--chrysolite: #8e9849;
--chrysolite-rgb: 142 152 73;
--chrysolite-oklch: oklch(0.654 0.104 115.3);
}
.element {
color: var(--chrysolite);
background-color: hsl(68 35% 44%);
border-color: oklch(0.654 0.104 115.3);
}Tailwind CSS v4
@theme {
--color-chrysolite: #8e9849;
--color-chrysolite-50: #f2fad8;
--color-chrysolite-100: #e5edc6;
--color-chrysolite-200: #d0dba8;
--color-chrysolite-300: #b3bf81;
--color-chrysolite-400: #9ca65c;
--color-chrysolite-500: #848e34;
--color-chrysolite-600: #70782d;
--color-chrysolite-700: #596024;
--color-chrysolite-800: #424617;
--color-chrysolite-900: #2e310f;
--color-chrysolite-950: #1b1d03;
}SCSS
$chrysolite: #8e9849;
$chrysolite-rgb: 142, 152, 73;
$chrysolite-light: mix(#fff, $chrysolite, 20%);
$chrysolite-dark: mix(#000, $chrysolite, 20%);
.element {
color: $chrysolite;
box-shadow: 0 0 0 2px rgba($chrysolite, 0.35);
}