Nächste benannte Farbe · #306893
#306893
Nächste benannte Farbe: Starry Night
#306893 (rgb(48 104 147), hsl(206 51% 38%), oklch(0.5 0.091 244.3)) liegt am nächsten an der benannten Farbe Starry Night. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#306893
oklch(0.5 0.091 244.3)
Farbumrechnungen
- HEX
- #306893
- RGB
- rgb(48 104 147)
- HSL
- hsl(206 51% 38%)
- HWB
- hwb(206 19% 42%)
- OKLCH
- oklch(0.5 0.091 244.3)
- OKLab
- oklab(0.5 -0.039 -0.082)
- CIE Lab
- lab(41.77 -8.02 -29.56)
- LCH
- lch(41.77 30.62 254.8)
- CMYK
- cmyk(67% 29% 0% 42%)
Tints · Shades · Tones
Tints
- 45769E
- 5A85A9
- 6E94B4
- 82A3BE
- 96B2C9
- ABC1D4
- BFD0DF
- D4E0E9
- EAEFF4
Shades
- 28597F
- 214B6C
- 1A3E59
- 133047
- 0C2436
- 061825
- 030C16
- 010408
- 000001
Tones
- 3A6B91
- 436D90
- 4B708E
- 53728C
- 5B758B
- 637789
- 6A7987
- 727C84
- 797E82
Farbharmonien
Komplementär +180°
- 306893
Starry Night
- 875725
≈ Precious Copper
Analog -30° +30°
- 306893
Starry Night
- 006F82
≈ Crystal Teal
- 535E97
≈ Royal Marquis
Triadisch +120° +240°
- 306893
Starry Night
- 8E4C5D
≈ Hawthorn Rose
- 586C2E
≈ Fig Leaf
Geteilt komplementär +150° +210°
- 306893
Starry Night
- 8F4F3F
≈ Sierra Redwood
- 74621A
≈ Spicy Mustard
Tetradisch +90° +180° +270°
- 306893
Starry Night
- 824E78
≈ Graphic Grape
- 875725
≈ Precious Copper
- 33724B
≈ Parsley Sprig
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.95:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.52:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--starry-night: #306893;
--starry-night-rgb: 48 104 147;
--starry-night-oklch: oklch(0.5 0.091 244.3);
}
.element {
color: var(--starry-night);
background-color: hsl(206 51% 38%);
border-color: oklch(0.5 0.091 244.3);
}Tailwind CSS v4
@theme {
--color-starry-night: #306893;
--color-starry-night-50: #e1f8ff;
--color-starry-night-100: #d0ecff;
--color-starry-night-200: #b5d9f9;
--color-starry-night-300: #92bde4;
--color-starry-night-400: #6fa4d1;
--color-starry-night-500: #4d8cbe;
--color-starry-night-600: #4277a0;
--color-starry-night-700: #355f81;
--color-starry-night-800: #24465f;
--color-starry-night-900: #183043;
--color-starry-night-950: #081c2b;
}SCSS
$starry-night: #306893;
$starry-night-rgb: 48, 104, 147;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}