Nächste benannte Farbe · #13282B
#13282B
Nächste benannte Farbe: Sunken Ship
#13282B (rgb(19 40 43), hsl(188 39% 12%), oklch(0.261 0.027 207.4)) liegt am nächsten an der benannten Farbe Sunken Ship. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#13282B
oklch(0.261 0.027 207.4)
Farbumrechnungen
- HEX
- #13282b
- RGB
- rgb(19 40 43)
- HSL
- hsl(188 39% 12%)
- HWB
- hwb(188 7% 83%)
- OKLCH
- oklch(0.261 0.027 207.4)
- OKLab
- oklab(0.261 -0.024 -0.013)
- CIE Lab
- lab(14.47 -8.02 -4.76)
- LCH
- lch(14.47 9.32 210.7)
- CMYK
- cmyk(56% 7% 0% 83%)
Tints · Shades · Tones
Tints
- 273A3D
- 3C4E50
- 526264
- 697678
- 808C8D
- 98A2A3
- B1B8B9
- CACFD0
- E4E7E7
Shades
- 0F2124
- 0B1B1D
- 071516
- 050F10
- 03090A
- 010405
- 010202
- 000101
- 000000
Tones
- 1D3033
- 28383B
- 324143
- 3D494B
- 485254
- 525B5C
- 5E6465
- 696D6E
- 747777
Farbharmonien
Komplementär +180°
- 13282B
Sunken Ship
- 301F1D
≈ Kenpōzome Black
Analog -30° +30°
- 13282B
Sunken Ship
- 152924
≈ Swamp Thing
- 172630
≈ Abyssal Anchorfish Blue
Triadisch +120° +240°
- 13282B
Sunken Ship
- 2C202B
≈ Shikon
- 2A2314
≈ Coffee Grounds
Geteilt komplementär +150° +210°
- 13282B
Sunken Ship
- 2F1F24
≈ Shikon
- 2E2117
≈ Kenpōzome Black
Tetradisch +90° +180° +270°
- 13282B
Sunken Ship
- 262130
≈ Black Velvet
- 301F1D
≈ Kenpōzome Black
- 232617
≈ Black Mesa
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.37:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.36:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.37:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--sunken-ship: #13282b;
--sunken-ship-rgb: 19 40 43;
--sunken-ship-oklch: oklch(0.261 0.027 207.4);
}
.element {
color: var(--sunken-ship);
background-color: hsl(188 39% 12%);
border-color: oklch(0.261 0.027 207.4);
}Tailwind CSS v4
@theme {
--color-sunken-ship: #13282b;
--color-sunken-ship-50: #edf7f9;
--color-sunken-ship-100: #deebed;
--color-sunken-ship-200: #c8d8db;
--color-sunken-ship-300: #a8bcbf;
--color-sunken-ship-400: #8ca3a7;
--color-sunken-ship-500: #728c90;
--color-sunken-ship-600: #607679;
--color-sunken-ship-700: #4d5f61;
--color-sunken-ship-800: #384547;
--color-sunken-ship-900: #263031;
--color-sunken-ship-950: #141c1d;
}SCSS
$sunken-ship: #13282b;
$sunken-ship-rgb: 19, 40, 43;
$sunken-ship-light: mix(#fff, $sunken-ship, 20%);
$sunken-ship-dark: mix(#000, $sunken-ship, 20%);
.element {
color: $sunken-ship;
box-shadow: 0 0 0 2px rgba($sunken-ship, 0.35);
}