Colore con nome · #184343
Tiber
Tiber è #184343: rgb(24 67 67), hsl(180 47% 18%), oklch(0.353 0.047 195.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tiber color name →
#184343
oklch(0.353 0.047 195.2)
Conversioni di colore
- HEX
- #184343
- RGB
- rgb(24 67 67)
- HSL
- hsl(180 47% 18%)
- HWB
- hwb(180 9% 74%)
- OKLCH
- oklch(0.353 0.047 195.2)
- OKLab
- oklab(0.353 -0.045 -0.012)
- CIE Lab
- lab(25.46 -15.36 -4.72)
- LCH
- lch(25.46 16.07 197.1)
- CMYK
- cmyk(64% 0% 0% 74%)
Tinte · Ombre · Toni
Tinte
- 2F5454
- 456565
- 5B7777
- 718989
- 879C9C
- 9EAFAF
- B6C3C2
- CED6D6
- E6EBEA
Ombre
- 133939
- 0F2F2F
- 0A2626
- 071D1D
- 041414
- 020C0C
- 010505
- 000101
- 000000
Toni
- 244949
- 2F4F4F
- 395555
- 445B5B
- 4E6161
- 586767
- 626D6D
- 6C7373
- 767A7A
Armonie di colore
Complementare +180°
- 184343
Tiber
- 513133
≈ Decadent Chocolate
Analogo -30° +30°
- 184343
Tiber
- 214335
≈ Everglade
- 1D404E
≈ Green Vogue
Triadico +120° +240°
- 184343
Tiber
- 45344C
≈ Purple Verbena
- 4A381E
≈ Café Noir
Complementare divisa +150° +210°
- 184343
Tiber
- 4D3141
≈ Loulou
- 503326
≈ Barn Swallow
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.92:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.92:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.92:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--tiber: #184343;
--tiber-rgb: 24 67 67;
--tiber-oklch: oklch(0.353 0.047 195.2);
}
.element {
color: var(--tiber);
background-color: hsl(180 47% 18%);
border-color: oklch(0.353 0.047 195.2);
}Tailwind CSS v4
@theme {
--color-tiber: #184343;
--color-tiber-50: #e7fafa;
--color-tiber-100: #d7eded;
--color-tiber-200: #bedbdb;
--color-tiber-300: #9cbfc0;
--color-tiber-400: #7ea8a7;
--color-tiber-500: #609090;
--color-tiber-600: #527a7a;
--color-tiber-700: #416261;
--color-tiber-800: #2f4847;
--color-tiber-900: #203231;
--color-tiber-950: #0f1e1d;
}SCSS
$tiber: #184343;
$tiber-rgb: 24, 67, 67;
$tiber-light: mix(#fff, $tiber, 20%);
$tiber-dark: mix(#000, $tiber, 20%);
.element {
color: $tiber;
box-shadow: 0 0 0 2px rgba($tiber, 0.35);
}