Nazwany kolor · #18233D
Cool Balaclavas Are Forever
Cool Balaclavas Are Forever to #18233D: rgb(24 35 61), hsl(222 44% 17%), oklch(0.26 0.052 265.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Cool Balaclavas Are Forever color name →
#18233D
oklch(0.26 0.052 265.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2B364F
- 3F4A61
- 545E73
- 6B7386
- 828999
- 9AA0AD
- B2B7C1
- CBCED5
- E5E6EA
Odcienie ciemniejsze
- 131D34
- 0F172B
- 0A1122
- 070C1A
- 040712
- 02040A
- 010104
- 000001
- 000000
Tony
- 212C44
- 2B354A
- 353D51
- 3F4758
- 49505E
- 545965
- 5E636C
- 696C73
- 757679
Harmonie kolorów
Komplementarna +180°
- 18233D
Cool Balaclavas Are Forever
- 2F2201
≈ Black Swan
Analogowa -30° +30°
- 18233D
Cool Balaclavas Are Forever
- 042839
≈ Murky Depths
- 261E3A
≈ Throat
Triada +120° +240°
- 18233D
Cool Balaclavas Are Forever
- 391917
≈ Rustic Red
- 122B14
≈ Nori Green
Komplementarna rozszczepiona +150° +210°
- 18233D
Cool Balaclavas Are Forever
- 371D08
≈ Close but No Cigar
- 232706
≈ Liquorice Root
Tetrada +90° +180° +270°
- 18233D
Cool Balaclavas Are Forever
- 371925
≈ Bruised Plum
- 2F2201
≈ Black Swan
- 002C23
≈ Bush
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.59:1 · APCA Lc 102
Ag
FailNa czerni
WCAG 1.34:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.59:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
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);
}