Benannte Farbe · #21426B
Blue Mosque
Blue Mosque ist #21426B: rgb(33 66 107), hsl(213 53% 27%), oklch(0.376 0.081 254.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Mosque color name →
#21426B
oklch(0.376 0.081 254.9)
Farbumrechnungen
- HEX
- #21426b
- RGB
- rgb(33 66 107)
- HSL
- hsl(213 53% 27%)
- HWB
- hwb(213 13% 58%)
- OKLCH
- oklch(0.376 0.081 254.9)
- OKLab
- oklab(0.376 -0.021 -0.078)
- CIE Lab
- lab(27.12 -1.09 -27.98)
- LCH
- lch(27.12 28 267.8)
- CMYK
- cmyk(69% 38% 0% 58%)
Tints · Shades · Tones
Tints
- 355379
- 4A6588
- 5F7796
- 748AA5
- 8A9CB4
- A1AFC3
- B8C3D2
- CFD7E1
- E7EBF0
Shades
- 1B385C
- 162F4E
- 10253F
- 0B1C32
- 061425
- 030B18
- 01050D
- 000104
- 000000
Tones
- 2B486E
- 344F70
- 3E5572
- 475B75
- 506177
- 5A6779
- 636E7B
- 6D747D
- 767A7E
Farbharmonien
Komplementär +180°
- 21426B
Blue Mosque
- 593A00
≈ Pineapple
Analog -30° +30°
- 21426B
Blue Mosque
- 00495D
≈ Stegadon Scale Green
- 3D3A6A
≈ American Blue
Triadisch +120° +240°
- 21426B
Blue Mosque
- 652D33
≈ Chocolate Truffle
- 2E4A1B
≈ Treetop Cathedral
Geteilt komplementär +150° +210°
- 21426B
Blue Mosque
- 633119
≈ Overbaked
- 484300
≈ Alligator Gladiator
Tetradisch +90° +180° +270°
- 21426B
Blue Mosque
- 5F2E4B
≈ Vistoris Lake
- 593A00
≈ Pineapple
- 004E36
≈ Chrysocolla Dark Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.21:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.05:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.21:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--blue-mosque: #21426b;
--blue-mosque-rgb: 33 66 107;
--blue-mosque-oklch: oklch(0.376 0.081 254.9);
}
.element {
color: var(--blue-mosque);
background-color: hsl(213 53% 27%);
border-color: oklch(0.376 0.081 254.9);
}Tailwind CSS v4
@theme {
--color-blue-mosque: #21426b;
--color-blue-mosque-50: #e7f7ff;
--color-blue-mosque-100: #d7eaff;
--color-blue-mosque-200: #bfd6f7;
--color-blue-mosque-300: #9db9e1;
--color-blue-mosque-400: #7ea1ce;
--color-blue-mosque-500: #6188bb;
--color-blue-mosque-600: #52749e;
--color-blue-mosque-700: #425c7f;
--color-blue-mosque-800: #2e445e;
--color-blue-mosque-900: #1f2f42;
--color-blue-mosque-950: #0f1b2a;
}SCSS
$blue-mosque: #21426b;
$blue-mosque-rgb: 33, 66, 107;
$blue-mosque-light: mix(#fff, $blue-mosque, 20%);
$blue-mosque-dark: mix(#000, $blue-mosque, 20%);
.element {
color: $blue-mosque;
box-shadow: 0 0 0 2px rgba($blue-mosque, 0.35);
}