Benannte Farbe · #2E4C5B
Celtic Rush
Celtic Rush ist #2E4C5B: rgb(46 76 91), hsl(200 33% 27%), oklch(0.399 0.044 231). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Celtic Rush color name →
#2E4C5B
oklch(0.399 0.044 231)
Farbumrechnungen
- HEX
- #2e4c5b
- RGB
- rgb(46 76 91)
- HSL
- hsl(200 33% 27%)
- HWB
- hwb(200 18% 64%)
- OKLCH
- oklch(0.399 0.044 231)
- OKLab
- oklab(0.399 -0.028 -0.034)
- CIE Lab
- lab(30.46 -8.1 -12.58)
- LCH
- lch(30.46 14.97 237.2)
- CMYK
- cmyk(49% 16% 0% 64%)
Tints · Shades · Tones
Tints
- 415C6A
- 556D7A
- 687E89
- 7D8F99
- 91A1AA
- A6B3BA
- BCC6CB
- D2D9DC
- E8ECED
Shades
- 27414E
- 1F3641
- 182C35
- 122229
- 0B181E
- 060F13
- 020609
- 010203
- 000000
Tones
- 36515F
- 3F5662
- 475B66
- 4F616A
- 57666E
- 5F6B71
- 677075
- 6F7579
- 787B7C
Farbharmonien
Komplementär +180°
- 2E4C5B
Celtic Rush
- 5B4132
≈ Pitch Mary Brown
Analog -30° +30°
- 2E4C5B
Celtic Rush
- 284F51
≈ Seagrass Green
- 3A485F
≈ Anthracite Blue
Triadisch +120° +240°
- 2E4C5B
Celtic Rush
- 5A3E4A
≈ Siliceous Red
- 484A2E
≈ Tinny Tin
Geteilt komplementär +150° +210°
- 2E4C5B
Celtic Rush
- 5D3E3D
≈ Wine Brown
- 54452C
≈ Garden Loam
Tetradisch +90° +180° +270°
- 2E4C5B
Celtic Rush
- 534056
≈ Purple Bloom
- 5B4132
≈ Pitch Mary Brown
- 3B4E37
≈ Angry Gremlin
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.12:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.30:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.12:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--celtic-rush: #2e4c5b;
--celtic-rush-rgb: 46 76 91;
--celtic-rush-oklch: oklch(0.399 0.044 231);
}
.element {
color: var(--celtic-rush);
background-color: hsl(200 33% 27%);
border-color: oklch(0.399 0.044 231);
}Tailwind CSS v4
@theme {
--color-celtic-rush: #2e4c5b;
--color-celtic-rush-50: #eaf8ff;
--color-celtic-rush-100: #daebf4;
--color-celtic-rush-200: #c3d8e4;
--color-celtic-rush-300: #a2bccb;
--color-celtic-rush-400: #85a4b4;
--color-celtic-rush-500: #698c9e;
--color-celtic-rush-600: #597686;
--color-celtic-rush-700: #475f6b;
--color-celtic-rush-800: #33464f;
--color-celtic-rush-900: #223037;
--color-celtic-rush-950: #111c22;
}SCSS
$celtic-rush: #2e4c5b;
$celtic-rush-rgb: 46, 76, 91;
$celtic-rush-light: mix(#fff, $celtic-rush, 20%);
$celtic-rush-dark: mix(#000, $celtic-rush, 20%);
.element {
color: $celtic-rush;
box-shadow: 0 0 0 2px rgba($celtic-rush, 0.35);
}