Benannte Farbe · #18233D
Cool Balaclavas Are Forever
Cool Balaclavas Are Forever ist #18233D: rgb(24 35 61), hsl(222 44% 17%), oklch(0.26 0.052 265.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cool Balaclavas Are Forever color name →
#18233D
oklch(0.26 0.052 265.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 2B364F
- 3F4A61
- 545E73
- 6B7386
- 828999
- 9AA0AD
- B2B7C1
- CBCED5
- E5E6EA
Shades
- 131D34
- 0F172B
- 0A1122
- 070C1A
- 040712
- 02040A
- 010104
- 000001
- 000000
Tones
- 212C44
- 2B354A
- 353D51
- 3F4758
- 49505E
- 545965
- 5E636C
- 696C73
- 757679
Farbharmonien
Komplementär +180°
- 18233D
Cool Balaclavas Are Forever
- 2F2201
≈ Black Swan
Analog -30° +30°
- 18233D
Cool Balaclavas Are Forever
- 042839
≈ Murky Depths
- 261E3A
≈ Throat
Triadisch +120° +240°
- 18233D
Cool Balaclavas Are Forever
- 391917
≈ Rustic Red
- 122B14
≈ Nori Green
Geteilt komplementär +150° +210°
- 18233D
Cool Balaclavas Are Forever
- 371D08
≈ Close but No Cigar
- 232706
≈ Liquorice Root
Tetradisch +90° +180° +270°
- 18233D
Cool Balaclavas Are Forever
- 371925
≈ Bruised Plum
- 2F2201
≈ Black Swan
- 002C23
≈ Bush
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.59:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.34:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.59:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
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);
}