이름 색상 · #35465E
Spelunking
Spelunking은(는) #35465E: rgb(53 70 94), hsl(215 28% 29%), oklch(0.39 0.046 257). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Spelunking color name →
#35465E
oklch(0.39 0.046 257)
색상 변환
- HEX
- #35465e
- RGB
- rgb(53 70 94)
- HSL
- hsl(215 28% 29%)
- HWB
- hwb(215 21% 63%)
- OKLCH
- oklch(0.39 0.046 257)
- OKLab
- oklab(0.39 -0.01 -0.045)
- CIE Lab
- lab(29.06 -1.61 -16.57)
- LCH
- lch(29.06 16.65 264.5)
- CMYK
- cmyk(44% 26% 0% 63%)
틴트 · 셰이드 · 톤
틴트
- 47576D
- 59687C
- 6C798C
- 808B9C
- 949EAC
- A9B1BC
- BEC4CC
- D3D7DD
- E9EBEE
셰이드
- 2D3C51
- 253244
- 1D2837
- 151E2B
- 0E151F
- 080D14
- 03050A
- 010203
- 000000
톤
- 3C4C62
- 435165
- 4B5768
- 525D6C
- 5A636F
- 616873
- 696E76
- 707479
- 787A7D
색 조화
보색 +180°
- 35465E
Spelunking
- 534228
≈ Garden Loam
유사색 -30° +30°
- 35465E
Spelunking
- 284A58
≈ Night Swim
- 43415D
≈ Heraldic
삼각 배색 +120° +240°
- 35465E
Spelunking
- 5C3B3C
≈ Pa Red
- 394B32
≈ Nettle Green
분열 보색 +150° +210°
- 35465E
Spelunking
- 5A3D2F
≈ Potting Soil
- 484729
≈ Nori Seaweed Green
사각 배색 +90° +180° +270°
- 35465E
Spelunking
- 583B4A
≈ Dark Fig Violet
- 534228
≈ Garden Loam
- 2B4D40
≈ Hunt Club
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.59:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.18:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.59:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--spelunking: #35465e;
--spelunking-rgb: 53 70 94;
--spelunking-oklch: oklch(0.39 0.046 257);
}
.element {
color: var(--spelunking);
background-color: hsl(215 28% 29%);
border-color: oklch(0.39 0.046 257);
}Tailwind CSS v4
@theme {
--color-spelunking: #35465e;
--color-spelunking-50: #edf6ff;
--color-spelunking-100: #dfe9f8;
--color-spelunking-200: #c9d5e9;
--color-spelunking-300: #a9b8d0;
--color-spelunking-400: #8da0ba;
--color-spelunking-500: #7388a5;
--color-spelunking-600: #61738c;
--color-spelunking-700: #4e5c70;
--color-spelunking-800: #384353;
--color-spelunking-900: #262f3a;
--color-spelunking-950: #141b24;
}SCSS
$spelunking: #35465e;
$spelunking-rgb: 53, 70, 94;
$spelunking-light: mix(#fff, $spelunking, 20%);
$spelunking-dark: mix(#000, $spelunking, 20%);
.element {
color: $spelunking;
box-shadow: 0 0 0 2px rgba($spelunking, 0.35);
}