Colore con nome più vicino · #001C25
#001C25
Colore con nome più vicino: Sunken Ship
#001C25 (rgb(0 28 37), hsl(195 100% 7%), oklch(0.21 0.039 222.2)) è più vicino al colore con nome Sunken Ship. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#001C25
oklch(0.21 0.039 222.2)
Conversioni di colore
- HEX
- #001c25
- RGB
- rgb(0 28 37)
- HSL
- hsl(195 100% 7%)
- HWB
- hwb(195 0% 85%)
- OKLCH
- oklch(0.21 0.039 222.2)
- OKLab
- oklab(0.21 -0.029 -0.026)
- CIE Lab
- lab(8.52 -7.98 -9.53)
- LCH
- lch(8.52 12.43 230)
- CMYK
- cmyk(100% 24% 0% 85%)
Tinte · Ombre · Toni
Tinte
- 162F38
- 2D434B
- 44585F
- 5C6E74
- 76858A
- 909CA0
- AAB4B7
- C6CCCF
- E2E5E7
Ombre
- 00171F
- 001219
- 000D13
- 00080D
- 000508
- 000204
- 000102
- 000000
- 000000
Toni
- 0B252D
- 182E36
- 25383F
- 314248
- 3E4C51
- 4B565A
- 586063
- 656B6D
- 727576
Armonie di colore
Complementare +180°
- 001C25
Sunken Ship
- 271209
≈ Severely Burnt Toast
Analogo -30° +30°
- 001C25
Sunken Ship
- 001D1D
≈ Stellar Explorer
- 0A192A
≈ Oxford by Night
Triadico +120° +240°
- 001C25
Sunken Ship
- 24111D
≈ Inside
- 1C1903
≈ Noir Mystique
Complementare divisa +150° +210°
- 001C25
Sunken Ship
- 271013
≈ Italian Roast
- 231503
≈ Cannon Black
Tetradico +90° +180° +270°
- 001C25
Sunken Ship
- 1E1325
≈ Inside
- 271209
≈ Severely Burnt Toast
- 111C08
≈ Pinch of Pepper
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 17.60:1 · APCA Lc 104
Ag
FailSu nero
WCAG 1.19:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 17.60:1 (AAA) · APCA Lc 104
Contrast pairs
Frammenti di codice
CSS
:root {
--sunken-ship: #001c25;
--sunken-ship-rgb: 0 28 37;
--sunken-ship-oklch: oklch(0.21 0.039 222.2);
}
.element {
color: var(--sunken-ship);
background-color: hsl(195 100% 7%);
border-color: oklch(0.21 0.039 222.2);
}Tailwind CSS v4
@theme {
--color-sunken-ship: #001c25;
--color-sunken-ship-50: #eaf8fe;
--color-sunken-ship-100: #dbebf2;
--color-sunken-ship-200: #c3d8e1;
--color-sunken-ship-300: #a3bcc6;
--color-sunken-ship-400: #86a4af;
--color-sunken-ship-500: #6a8c99;
--color-sunken-ship-600: #5a7781;
--color-sunken-ship-700: #485f67;
--color-sunken-ship-800: #33464c;
--color-sunken-ship-900: #233035;
--color-sunken-ship-950: #121c20;
}SCSS
$sunken-ship: #001c25;
$sunken-ship-rgb: 0, 28, 37;
$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);
}