Colore con nome · #698890
Gothic
Gothic è #698890: rgb(105 136 144), hsl(192 16% 49%), oklch(0.606 0.037 215.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Gothic color name →
#698890
oklch(0.606 0.037 215.3)
Conversioni di colore
- HEX
- #698890
- RGB
- rgb(105 136 144)
- HSL
- hsl(192 16% 49%)
- HWB
- hwb(192 41% 44%)
- OKLCH
- oklch(0.606 0.037 215.3)
- OKLab
- oklab(0.606 -0.03 -0.021)
- CIE Lab
- lab(54.54 -9.89 -8.09)
- LCH
- lch(54.54 12.78 219.3)
- CMYK
- cmyk(27% 6% 0% 44%)
Tinte · Ombre · Toni
Tinte
- 77939B
- 869FA5
- 94AAB0
- A3B6BB
- B2C2C6
- C1CED1
- D0DADD
- E0E6E8
- EFF3F3
Ombre
- 5A757D
- 4C636A
- 3E5257
- 314145
- 243134
- 182224
- 0C1315
- 040607
- 000101
Toni
- 6C878E
- 6E868D
- 70868B
- 73858A
- 758488
- 778386
- 7A8285
- 7C8283
- 7E8182
Armonie di colore
Complementare +180°
- 698890
Gothic
- 977B73
≈ Soft Cocoa
Analogo -30° +30°
- 698890
Gothic
- 698A85
≈ Classic Calm
- 708597
≈ New Steel
Triadico +120° +240°
- 698890
Gothic
- 917A8B
≈ Muted Berry
- 898269
≈ Overgrown Granite
Complementare divisa +150° +210°
- 698890
Gothic
- 96797F
≈ Chocolaty
- 927E6B
≈ Wet Taupe
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.52:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--gothic: #698890;
--gothic-rgb: 105 136 144;
--gothic-oklch: oklch(0.606 0.037 215.3);
}
.element {
color: var(--gothic);
background-color: hsl(192 16% 49%);
border-color: oklch(0.606 0.037 215.3);
}Tailwind CSS v4
@theme {
--color-gothic: #698890;
--color-gothic-50: #eaf8fc;
--color-gothic-100: #dbebf0;
--color-gothic-200: #c4d9df;
--color-gothic-300: #a3bcc4;
--color-gothic-400: #86a4ac;
--color-gothic-500: #6a8d96;
--color-gothic-600: #5a777f;
--color-gothic-700: #485f65;
--color-gothic-800: #34464a;
--color-gothic-900: #233033;
--color-gothic-950: #121d1f;
}SCSS
$gothic: #698890;
$gothic-rgb: 105, 136, 144;
$gothic-light: mix(#fff, $gothic, 20%);
$gothic-dark: mix(#000, $gothic, 20%);
.element {
color: $gothic;
box-shadow: 0 0 0 2px rgba($gothic, 0.35);
}