이름 색상 · #898E58
Crocodile Smile
Crocodile Smile은(는) #898E58: rgb(137 142 88), hsl(66 23% 45%), oklch(0.629 0.075 112.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Crocodile Smile color name →
#898E58
oklch(0.629 0.075 112.9)
색상 변환
- HEX
- #898e58
- RGB
- rgb(137 142 88)
- HSL
- hsl(66 23% 45%)
- HWB
- hwb(66 35% 44%)
- OKLCH
- oklch(0.629 0.075 112.9)
- OKLab
- oklab(0.629 -0.029 0.069)
- CIE Lab
- lab(57.61 -8.44 28.12)
- LCH
- lch(57.61 29.36 106.7)
- CMYK
- cmyk(4% 0% 38% 44%)
틴트 · 셰이드 · 톤
틴트
- 949968
- 9FA479
- ABAF89
- B6BA99
- C2C5AA
- CED1BB
- DADCCC
- E6E8DD
- F3F3EE
셰이드
- 767B4B
- 64683F
- 535633
- 424428
- 31341D
- 222412
- 141509
- 070703
- 010100
톤
- 888D5D
- 878B61
- 868A65
- 85896A
- 84876E
- 838671
- 838475
- 828379
- 81827C
색 조화
보색 +180°
- 898E58
Crocodile Smile
- 8A81B3
≈ Aster Purple
유사색 -30° +30°
- 898E58
Crocodile Smile
- 9F8553
≈ Wheatmeal
- 6E956B
≈ Reseda Green
삼각 배색 +120° +240°
- 898E58
Crocodile Smile
- 5891AF
≈ Jet Ski
- AD768D
≈ Cipher
분열 보색 +150° +210°
- 898E58
Crocodile Smile
- 7189B7
≈ Kimono
- 9F7AA4
≈ Pishposh
사각 배색 +90° +180° +270°
- 898E58
Crocodile Smile
- 4B969D
≈ Sea Current
- 8A81B3
≈ Aster Purple
- B27774
≈ Canyon Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.07:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--crocodile-smile: #898e58;
--crocodile-smile-rgb: 137 142 88;
--crocodile-smile-oklch: oklch(0.629 0.075 112.9);
}
.element {
color: var(--crocodile-smile);
background-color: hsl(66 23% 45%);
border-color: oklch(0.629 0.075 112.9);
}Tailwind CSS v4
@theme {
--color-crocodile-smile: #898e58;
--color-crocodile-smile-50: #f4f8e0;
--color-crocodile-smile-100: #e7ebcf;
--color-crocodile-smile-200: #d3d9b4;
--color-crocodile-smile-300: #b6bc91;
--color-crocodile-smile-400: #9ea470;
--color-crocodile-smile-500: #868c4f;
--color-crocodile-smile-600: #727644;
--color-crocodile-smile-700: #5b5f36;
--color-crocodile-smile-800: #434525;
--color-crocodile-smile-900: #2f3019;
--color-crocodile-smile-950: #1b1c0a;
}SCSS
$crocodile-smile: #898e58;
$crocodile-smile-rgb: 137, 142, 88;
$crocodile-smile-light: mix(#fff, $crocodile-smile, 20%);
$crocodile-smile-dark: mix(#000, $crocodile-smile, 20%);
.element {
color: $crocodile-smile;
box-shadow: 0 0 0 2px rgba($crocodile-smile, 0.35);
}