Nächste benannte Farbe · #39465A
#39465A
Nächste benannte Farbe: Silent Sea
#39465A (rgb(57 70 90), hsl(216 22% 29%), oklch(0.391 0.038 258.9)) liegt am nächsten an der benannten Farbe Silent Sea. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#39465A
oklch(0.391 0.038 258.9)
Farbumrechnungen
- HEX
- #39465a
- RGB
- rgb(57 70 90)
- HSL
- hsl(216 22% 29%)
- HWB
- hwb(216 22% 65%)
- OKLCH
- oklch(0.391 0.038 258.9)
- OKLab
- oklab(0.391 -0.007 -0.037)
- CIE Lab
- lab(29.21 -1.18 -13.75)
- LCH
- lch(29.21 13.8 265.1)
- CMYK
- cmyk(37% 22% 0% 65%)
Tints · Shades · Tones
Tints
- 4A5769
- 5D6879
- 6F7989
- 828B99
- 969EA9
- AAB0BA
- BFC4CB
- D4D7DC
- E9EBED
Shades
- 303C4D
- 283241
- 1F2835
- 171E29
- 10151E
- 090D13
- 040509
- 010203
- 000000
Tones
- 404C5E
- 475162
- 4D5765
- 545D69
- 5C626D
- 636871
- 6A6E75
- 717478
- 797A7C
Farbharmonien
Komplementär +180°
- 39465A
Silent Sea
- 50432E
≈ Deep Bronze
Analog -30° +30°
- 39465A
Silent Sea
- 2F4956
≈ Deep Sea Blue
- 444259
≈ Dark Renaissance
Triadisch +120° +240°
- 39465A
Silent Sea
- 583D3D
≈ Divine Wine
- 3B4A37
≈ Copper Pyrite Green
Geteilt komplementär +150° +210°
- 39465A
Silent Sea
- 573F33
≈ Lounge Leather
- 47472F
≈ Tin Bitz
Tetradisch +90° +180° +270°
- 39465A
Silent Sea
- 553D49
≈ Indulgence
- 50432E
≈ Deep Bronze
- 304C42
≈ Pine Needle
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.55:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.19:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.55:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--silent-sea: #39465a;
--silent-sea-rgb: 57 70 90;
--silent-sea-oklch: oklch(0.391 0.038 258.9);
}
.element {
color: var(--silent-sea);
background-color: hsl(216 22% 29%);
border-color: oklch(0.391 0.038 258.9);
}Tailwind CSS v4
@theme {
--color-silent-sea: #39465a;
--color-silent-sea-50: #eff6ff;
--color-silent-sea-100: #e1e8f5;
--color-silent-sea-200: #cbd5e5;
--color-silent-sea-300: #adb8cb;
--color-silent-sea-400: #919fb5;
--color-silent-sea-500: #7787a0;
--color-silent-sea-600: #657287;
--color-silent-sea-700: #515c6c;
--color-silent-sea-800: #3a4350;
--color-silent-sea-900: #282e37;
--color-silent-sea-950: #161b22;
}SCSS
$silent-sea: #39465a;
$silent-sea-rgb: 57, 70, 90;
$silent-sea-light: mix(#fff, $silent-sea, 20%);
$silent-sea-dark: mix(#000, $silent-sea, 20%);
.element {
color: $silent-sea;
box-shadow: 0 0 0 2px rgba($silent-sea, 0.35);
}