이름 색상 · #3A3532
Kilimanjaro
Kilimanjaro은(는) #3A3532: rgb(58 53 50), hsl(23 7% 21%), oklch(0.333 0.009 53.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Kilimanjaro color name →
#3A3532
oklch(0.333 0.009 53.2)
색상 변환
- HEX
- #3a3532
- RGB
- rgb(58 53 50)
- HSL
- hsl(23 7% 21%)
- HWB
- hwb(23 20% 77%)
- OKLCH
- oklch(0.333 0.009 53.2)
- OKLab
- oklab(0.333 0.005 0.007)
- CIE Lab
- lab(22.61 1.81 2.74)
- LCH
- lch(22.61 3.28 56.5)
- CMYK
- cmyk(0% 9% 14% 77%)
틴트 · 셰이드 · 톤
틴트
- 4B4744
- 5D5956
- 706C69
- 837F7D
- 969392
- AAA8A7
- BFBDBC
- D4D3D2
- E9E9E8
셰이드
- 312D2A
- 282522
- 201D1B
- 181514
- 100E0D
- 090807
- 040303
- 010101
- 000000
톤
- 413C39
- 474341
- 4E4A48
- 555250
- 5C5958
- 63615F
- 6A6867
- 71706F
- 797878
색 조화
보색 +180°
- 3A3532
Kilimanjaro
- 32373A
≈ Japanese Sable
유사색 -30° +30°
- 3A3532
Kilimanjaro
- 3B3434
≈ After Dark
- 383631
≈ Kilimanjaro
삼각 배색 +120° +240°
- 3A3532
Kilimanjaro
- 323836
≈ Charcoal
- 36353A
≈ Hawk’s Eye
분열 보색 +150° +210°
- 3A3532
Kilimanjaro
- 313838
≈ Tàn Hēi Soot
- 34363B
≈ Hawk’s Eye
사각 배색 +90° +180° +270°
- 3A3532
Kilimanjaro
- 343733
≈ Charcoal
- 32373A
≈ Japanese Sable
- 383539
≈ Deep Forest Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.10:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.73:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--kilimanjaro: #3a3532;
--kilimanjaro-rgb: 58 53 50;
--kilimanjaro-oklch: oklch(0.333 0.009 53.2);
}
.element {
color: var(--kilimanjaro);
background-color: hsl(23 7% 21%);
border-color: oklch(0.333 0.009 53.2);
}Tailwind CSS v4
@theme {
--color-kilimanjaro: #3a3532;
--color-kilimanjaro-50: #f7f4f3;
--color-kilimanjaro-100: #eae7e5;
--color-kilimanjaro-200: #d7d3d1;
--color-kilimanjaro-300: #bbb6b3;
--color-kilimanjaro-400: #a39d9a;
--color-kilimanjaro-500: #8b8581;
--color-kilimanjaro-600: #76706d;
--color-kilimanjaro-700: #5e5a57;
--color-kilimanjaro-800: #454240;
--color-kilimanjaro-900: #302d2c;
--color-kilimanjaro-950: #1c1a19;
}SCSS
$kilimanjaro: #3a3532;
$kilimanjaro-rgb: 58, 53, 50;
$kilimanjaro-light: mix(#fff, $kilimanjaro, 20%);
$kilimanjaro-dark: mix(#000, $kilimanjaro, 20%);
.element {
color: $kilimanjaro;
box-shadow: 0 0 0 2px rgba($kilimanjaro, 0.35);
}