Nächste benannte Farbe · #030B54
#030B54
Nächste benannte Farbe: Ravenclaw
#030B54 (rgb(3 11 84), hsl(234 93% 17%), oklch(0.22 0.127 265.9)) liegt am nächsten an der benannten Farbe Ravenclaw. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#030B54
oklch(0.22 0.127 265.9)
Farbumrechnungen
- HEX
- #030b54
- RGB
- rgb(3 11 84)
- HSL
- hsl(234 93% 17%)
- HWB
- hwb(234 1% 67%)
- OKLCH
- oklch(0.22 0.127 265.9)
- OKLab
- oklab(0.22 -0.009 -0.127)
- CIE Lab
- lab(7.2 23.02 -45.13)
- LCH
- lch(7.2 50.66 297)
- CMYK
- cmyk(96% 87% 0% 67%)
Tints · Shades · Tones
Tints
- 122665
- 273D77
- 3F5488
- 576B99
- 7183AA
- 8C9BBB
- A7B3CC
- C4CCDD
- E1E5EE
Shades
- 020848
- 02063C
- 010431
- 010226
- 00011B
- 000111
- 000008
- 000002
- 000000
Tones
- 091B5A
- 14275F
- 203364
- 2D3E69
- 3A496D
- 475471
- 555F75
- 636A79
- 71757D
Farbharmonien
Komplementär +180°
- 030B54
Ravenclaw
- 241900
≈ Cannon Black
Analog -30° +30°
- 030B54
Ravenclaw
- 001D2D
≈ Oxford by Night
- 22004A
≈ Your Darkness
Triadisch +120° +240°
- 030B54
Ravenclaw
- 3A0003
≈ Dark Maroon
- 002205
≈ Rainforest Nights
Geteilt komplementär +150° +210°
- 030B54
Ravenclaw
- 2D1200
≈ Shadow Play
- 1A1D00
≈ Yuzu Soy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.80:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.17:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--ravenclaw: #030b54;
--ravenclaw-rgb: 3 11 84;
--ravenclaw-oklch: oklch(0.22 0.127 265.9);
}
.element {
color: var(--ravenclaw);
background-color: hsl(234 93% 17%);
border-color: oklch(0.22 0.127 265.9);
}Tailwind CSS v4
@theme {
--color-ravenclaw: #030b54;
--color-ravenclaw-50: #e5f5ff;
--color-ravenclaw-100: #d5e7ff;
--color-ravenclaw-200: #bdd3ff;
--color-ravenclaw-300: #9bb5f9;
--color-ravenclaw-400: #7b9cea;
--color-ravenclaw-500: #5e82da;
--color-ravenclaw-600: #506eb8;
--color-ravenclaw-700: #3f5894;
--color-ravenclaw-800: #2b416e;
--color-ravenclaw-900: #1d2d4e;
--color-ravenclaw-950: #0d1933;
}SCSS
$ravenclaw: #030b54;
$ravenclaw-rgb: 3, 11, 84;
$ravenclaw-light: mix(#fff, $ravenclaw, 20%);
$ravenclaw-dark: mix(#000, $ravenclaw, 20%);
.element {
color: $ravenclaw;
box-shadow: 0 0 0 2px rgba($ravenclaw, 0.35);
}