이름 색상 · #18233D
Cool Balaclavas Are Forever
Cool Balaclavas Are Forever은(는) #18233D: rgb(24 35 61), hsl(222 44% 17%), oklch(0.26 0.052 265.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Cool Balaclavas Are Forever color name →
#18233D
oklch(0.26 0.052 265.6)
색상 변환
- HEX
- #18233d
- RGB
- rgb(24 35 61)
- HSL
- hsl(222 44% 17%)
- HWB
- hwb(222 9% 76%)
- OKLCH
- oklch(0.26 0.052 265.6)
- OKLab
- oklab(0.26 -0.004 -0.051)
- CIE Lab
- lab(13.77 2.13 -18.47)
- LCH
- lch(13.77 18.59 276.6)
- CMYK
- cmyk(61% 43% 0% 76%)
틴트 · 셰이드 · 톤
틴트
- 2B364F
- 3F4A61
- 545E73
- 6B7386
- 828999
- 9AA0AD
- B2B7C1
- CBCED5
- E5E6EA
셰이드
- 131D34
- 0F172B
- 0A1122
- 070C1A
- 040712
- 02040A
- 010104
- 000001
- 000000
톤
- 212C44
- 2B354A
- 353D51
- 3F4758
- 49505E
- 545965
- 5E636C
- 696C73
- 757679
색 조화
보색 +180°
- 18233D
Cool Balaclavas Are Forever
- 2F2201
≈ Black Swan
유사색 -30° +30°
- 18233D
Cool Balaclavas Are Forever
- 042839
≈ Murky Depths
- 261E3A
≈ Throat
삼각 배색 +120° +240°
- 18233D
Cool Balaclavas Are Forever
- 391917
≈ Rustic Red
- 122B14
≈ Nori Green
분열 보색 +150° +210°
- 18233D
Cool Balaclavas Are Forever
- 371D08
≈ Close but No Cigar
- 232706
≈ Liquorice Root
사각 배색 +90° +180° +270°
- 18233D
Cool Balaclavas Are Forever
- 371925
≈ Bruised Plum
- 2F2201
≈ Black Swan
- 002C23
≈ Bush
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.59:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.34:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.59:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--cool-balaclavas-are-forever: #18233d;
--cool-balaclavas-are-forever-rgb: 24 35 61;
--cool-balaclavas-are-forever-oklch: oklch(0.26 0.052 265.6);
}
.element {
color: var(--cool-balaclavas-are-forever);
background-color: hsl(222 44% 17%);
border-color: oklch(0.26 0.052 265.6);
}Tailwind CSS v4
@theme {
--color-cool-balaclavas-are-forever: #18233d;
--color-cool-balaclavas-are-forever-50: #eff5ff;
--color-cool-balaclavas-are-forever-100: #e0e8fa;
--color-cool-balaclavas-are-forever-200: #cad4eb;
--color-cool-balaclavas-are-forever-300: #acb7d3;
--color-cool-balaclavas-are-forever-400: #909ebe;
--color-cool-balaclavas-are-forever-500: #7686a9;
--color-cool-balaclavas-are-forever-600: #64718f;
--color-cool-balaclavas-are-forever-700: #505b73;
--color-cool-balaclavas-are-forever-800: #394255;
--color-cool-balaclavas-are-forever-900: #272e3b;
--color-cool-balaclavas-are-forever-950: #151b25;
}SCSS
$cool-balaclavas-are-forever: #18233d;
$cool-balaclavas-are-forever-rgb: 24, 35, 61;
$cool-balaclavas-are-forever-light: mix(#fff, $cool-balaclavas-are-forever, 20%);
$cool-balaclavas-are-forever-dark: mix(#000, $cool-balaclavas-are-forever, 20%);
.element {
color: $cool-balaclavas-are-forever;
box-shadow: 0 0 0 2px rgba($cool-balaclavas-are-forever, 0.35);
}