Benannte Farbe · #484E68
Crown Blue
Crown Blue ist #484E68: rgb(72 78 104), hsl(229 18% 35%), oklch(0.429 0.044 274.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Crown Blue color name →
#484E68
oklch(0.429 0.044 274.3)
Farbumrechnungen
- HEX
- #484e68
- RGB
- rgb(72 78 104)
- HSL
- hsl(229 18% 35%)
- HWB
- hwb(229 28% 59%)
- OKLCH
- oklch(0.429 0.044 274.3)
- OKLab
- oklab(0.429 0.003 -0.044)
- CIE Lab
- lab(33.44 2.58 -16.04)
- LCH
- lch(33.44 16.24 279.1)
- CMYK
- cmyk(31% 25% 0% 59%)
Tints · Shades · Tones
Tints
- 585E76
- 696F85
- 7A7F93
- 8C91A2
- 9EA2B1
- B1B4C0
- C4C6D0
- D7D9DF
- EBECEF
Shades
- 3D4359
- 33384B
- 292D3E
- 1F2330
- 161924
- 0D0F18
- 06070C
- 020204
- 000000
Tones
- 4D536B
- 53586D
- 585D6F
- 5E6272
- 636774
- 696C77
- 6F7179
- 74767B
- 7A7B7E
Farbharmonien
Komplementär +180°
- 484E68
Crown Blue
- 574F33
≈ Thatch Green
Analog -30° +30°
- 484E68
Crown Blue
- 3B5266
≈ Midnight Mosaic
- 554A63
≈ Paparazzi
Triadisch +120° +240°
- 484E68
Crown Blue
- 654740
≈ Warm Air of Debonair
- 3C5745
≈ O’Neal Green
Geteilt komplementär +150° +210°
- 484E68
Crown Blue
- 614B36
≈ Black Power
- 4A5439
≈ Broccoli Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.18:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.18:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--crown-blue: #484e68;
--crown-blue-rgb: 72 78 104;
--crown-blue-oklch: oklch(0.429 0.044 274.3);
}
.element {
color: var(--crown-blue);
background-color: hsl(229 18% 35%);
border-color: oklch(0.429 0.044 274.3);
}Tailwind CSS v4
@theme {
--color-crown-blue: #484e68;
--color-crown-blue-50: #f1f4ff;
--color-crown-blue-100: #e4e7f7;
--color-crown-blue-200: #cfd3e7;
--color-crown-blue-300: #b1b6ce;
--color-crown-blue-400: #969db9;
--color-crown-blue-500: #7d84a4;
--color-crown-blue-600: #6a708a;
--color-crown-blue-700: #555a6f;
--color-crown-blue-800: #3d4252;
--color-crown-blue-900: #2a2d39;
--color-crown-blue-950: #171a23;
}SCSS
$crown-blue: #484e68;
$crown-blue-rgb: 72, 78, 104;
$crown-blue-light: mix(#fff, $crown-blue, 20%);
$crown-blue-dark: mix(#000, $crown-blue, 20%);
.element {
color: $crown-blue;
box-shadow: 0 0 0 2px rgba($crown-blue, 0.35);
}