Colore con nome · #01868C
Totally Teal
Totally Teal è #01868C: rgb(1 134 140), hsl(183 99% 28%), oklch(0.564 0.096 200.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Totally Teal color name →
#01868C
oklch(0.564 0.096 200.4)
Conversioni di colore
- HEX
- #01868c
- RGB
- rgb(1 134 140)
- HSL
- hsl(183 99% 28%)
- HWB
- hwb(183 0% 45%)
- OKLCH
- oklch(0.564 0.096 200.4)
- OKLab
- oklab(0.564 -0.09 -0.033)
- CIE Lab
- lab(50.32 -29.83 -12.49)
- LCH
- lch(50.32 32.33 202.7)
- CMYK
- cmyk(99% 4% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 359297
- 509EA2
- 68AAAD
- 7FB6B9
- 94C2C4
- AACED0
- BFDADB
- D4E6E7
- EAF3F3
Ombre
- 017479
- 016267
- 005155
- 004043
- 003033
- 002123
- 001314
- 000607
- 000101
Toni
- 25868B
- 36858A
- 438589
- 4E8487
- 588486
- 618385
- 6A8284
- 718283
- 798181
Armonie di colore
Complementare +180°
- 01868C
Totally Teal
- A65D5E
≈ Escalante
Analogo -30° +30°
- 01868C
Totally Teal
- 2B886D
≈ Elf
- 2B7FA3
≈ Prominent Blue
Triadico +120° +240°
- 01868C
Totally Teal
- 8F6298
≈ Aster Violetta
- 936F2B
≈ Mulberry Brown
Complementare divisa +150° +210°
- 01868C
Totally Teal
- A05D7D
≈ Rose Wine
- A2643F
≈ Earth
Tetradico +90° +180° +270°
- 01868C
Totally Teal
- 756BAA
≈ Wintertime Mauve
- A65D5E
≈ Escalante
- 797A31
≈ Ripe Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.38:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.79:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.79:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--totally-teal: #01868c;
--totally-teal-rgb: 1 134 140;
--totally-teal-oklch: oklch(0.564 0.096 200.4);
}
.element {
color: var(--totally-teal);
background-color: hsl(183 99% 28%);
border-color: oklch(0.564 0.096 200.4);
}Tailwind CSS v4
@theme {
--color-totally-teal: #01868c;
--color-totally-teal-50: #d6feff;
--color-totally-teal-100: #c4f2f6;
--color-totally-teal-200: #a4e1e6;
--color-totally-teal-300: #79c6cd;
--color-totally-teal-400: #4eafb5;
--color-totally-teal-500: #01999f;
--color-totally-teal-600: #0e8187;
--color-totally-teal-700: #0d676c;
--color-totally-teal-800: #064c4e;
--color-totally-teal-900: #053537;
--color-totally-teal-950: #002021;
}SCSS
$totally-teal: #01868c;
$totally-teal-rgb: 1, 134, 140;
$totally-teal-light: mix(#fff, $totally-teal, 20%);
$totally-teal-dark: mix(#000, $totally-teal, 20%);
.element {
color: $totally-teal;
box-shadow: 0 0 0 2px rgba($totally-teal, 0.35);
}