Colore con nome · #1B2632
Abyssal Anchorfish Blue
Abyssal Anchorfish Blue è #1B2632: rgb(27 38 50), hsl(211 30% 15%), oklch(0.264 0.027 251.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Abyssal Anchorfish Blue color name →
#1B2632
oklch(0.264 0.027 251.1)
Conversioni di colore
- HEX
- #1b2632
- RGB
- rgb(27 38 50)
- HSL
- hsl(211 30% 15%)
- HWB
- hwb(211 11% 80%)
- OKLCH
- oklch(0.264 0.027 251.1)
- OKLab
- oklab(0.264 -0.009 -0.026)
- CIE Lab
- lab(14.55 -2.04 -9.52)
- LCH
- lch(14.55 9.74 257.9)
- CMYK
- cmyk(46% 24% 0% 80%)
Tinte · Ombre · Toni
Tinte
- 2E3844
- 424C56
- 57606A
- 6D757E
- 848B92
- 9BA1A7
- B3B8BC
- CCCFD2
- E5E7E8
Ombre
- 16202A
- 111922
- 0C131B
- 080D14
- 05080D
- 020407
- 010203
- 000101
- 000000
Toni
- 242E39
- 2D3741
- 373F48
- 414850
- 4B5158
- 555A60
- 606368
- 6A6D70
- 757678
Armonie di colore
Complementare +180°
- 1B2632
Abyssal Anchorfish Blue
- 2D2316
≈ Coffee Grounds
Analogo -30° +30°
- 1B2632
Abyssal Anchorfish Blue
- 15282E
≈ Black Box
- 222432
≈ Moonless Mystery
Triadico +120° +240°
- 1B2632
Abyssal Anchorfish Blue
- 311F22
≈ Hornblende
- 20281A
≈ Kuro Green
Complementare divisa +150° +210°
- 1B2632
Abyssal Anchorfish Blue
- 31211B
≈ Kenpōzome Black
- 282516
≈ Black Mesa
Tetradico +90° +180° +270°
- 1B2632
Abyssal Anchorfish Blue
- 2E2029
≈ Shikon
- 2D2316
≈ Coffee Grounds
- 192921
≈ Swamp Thing
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.32:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.36:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.32:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
CSS
:root {
--abyssal-anchorfish-blue: #1b2632;
--abyssal-anchorfish-blue-rgb: 27 38 50;
--abyssal-anchorfish-blue-oklch: oklch(0.264 0.027 251.1);
}
.element {
color: var(--abyssal-anchorfish-blue);
background-color: hsl(211 30% 15%);
border-color: oklch(0.264 0.027 251.1);
}Tailwind CSS v4
@theme {
--color-abyssal-anchorfish-blue: #1b2632;
--color-abyssal-anchorfish-blue-50: #f0f6fd;
--color-abyssal-anchorfish-blue-100: #e2e9f1;
--color-abyssal-anchorfish-blue-200: #ccd5e0;
--color-abyssal-anchorfish-blue-300: #aeb9c5;
--color-abyssal-anchorfish-blue-400: #93a0af;
--color-abyssal-anchorfish-blue-500: #798898;
--color-abyssal-anchorfish-blue-600: #677381;
--color-abyssal-anchorfish-blue-700: #525c67;
--color-abyssal-anchorfish-blue-800: #3b434c;
--color-abyssal-anchorfish-blue-900: #292f35;
--color-abyssal-anchorfish-blue-950: #171b20;
}SCSS
$abyssal-anchorfish-blue: #1b2632;
$abyssal-anchorfish-blue-rgb: 27, 38, 50;
$abyssal-anchorfish-blue-light: mix(#fff, $abyssal-anchorfish-blue, 20%);
$abyssal-anchorfish-blue-dark: mix(#000, $abyssal-anchorfish-blue, 20%);
.element {
color: $abyssal-anchorfish-blue;
box-shadow: 0 0 0 2px rgba($abyssal-anchorfish-blue, 0.35);
}