Dichtstbijzijnde benoemde kleur · #112123
#112123
Dichtstbijzijnde benoemde kleur: Sunken Ship
#112123 (rgb(17 33 35), hsl(187 35% 10%), oklch(0.235 0.022 205.8)) komt het dichtst bij de benoemde kleur Sunken Ship. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#112123
oklch(0.235 0.022 205.8)
Kleurconversies
- HEX
- #112123
- RGB
- rgb(17 33 35)
- HSL
- hsl(187 35% 10%)
- HWB
- hwb(187 7% 86%)
- OKLCH
- oklch(0.235 0.022 205.8)
- OKLab
- oklab(0.235 -0.02 -0.01)
- CIE Lab
- lab(11.39 -6.53 -3.62)
- LCH
- lch(11.39 7.46 209)
- CMYK
- cmyk(51% 6% 0% 86%)
Tinten · Schaduwen · Tonen
Tinten
- 253435
- 3A4749
- 505C5D
- 667173
- 7E8788
- 979E9F
- B0B6B6
- CACDCE
- E4E6E6
Schaduwen
- 0D1B1D
- 091617
- 061011
- 040B0C
- 020607
- 010304
- 000101
- 000000
- 000000
Tonen
- 1B2A2B
- 253234
- 303B3D
- 3B4546
- 464E4F
- 515859
- 5C6262
- 686C6C
- 747676
Kleurharmonieën
Complementair +180°
- 112123
Sunken Ship
- 281A19
≈ Dark Orchestra
Analoog -30° +30°
- 112123
Sunken Ship
- 12211D
≈ Black Emerald
- 142027
≈ Crow Feather
Triadisch +120° +240°
- 112123
Sunken Ship
- 231A24
≈ Kurobeni
- 231D12
≈ Burnt Coffee
Gesplitst complementair +150° +210°
- 112123
Sunken Ship
- 271A1E
≈ Kurobeni
- 261B14
≈ Tetsu-Guro Black
Tetradisch +90° +180° +270°
- 112123
Sunken Ship
- 1F1C27
≈ Night Demons
- 281A19
≈ Dark Orchestra
- 1D1F13
≈ Black Mesa
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 16.59:1 · APCA Lc 103
Ag
FailOp zwart
WCAG 1.26:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 16.59:1 (AAA) · APCA Lc 103
Contrast pairs
Codefragmenten
CSS
:root {
--sunken-ship: #112123;
--sunken-ship-rgb: 17 33 35;
--sunken-ship-oklch: oklch(0.235 0.022 205.8);
}
.element {
color: var(--sunken-ship);
background-color: hsl(187 35% 10%);
border-color: oklch(0.235 0.022 205.8);
}Tailwind CSS v4
@theme {
--color-sunken-ship: #112123;
--color-sunken-ship-50: #eef7f8;
--color-sunken-ship-100: #e0eaec;
--color-sunken-ship-200: #cad7d9;
--color-sunken-ship-300: #abbbbd;
--color-sunken-ship-400: #90a2a5;
--color-sunken-ship-500: #768b8d;
--color-sunken-ship-600: #647577;
--color-sunken-ship-700: #505e60;
--color-sunken-ship-800: #3a4546;
--color-sunken-ship-900: #282f30;
--color-sunken-ship-950: #161c1d;
}SCSS
$sunken-ship: #112123;
$sunken-ship-rgb: 17, 33, 35;
$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);
}