Colore con nome · #02708C
Teal Tune
Teal Tune è #02708C: rgb(2 112 140), hsl(192 97% 28%), oklch(0.506 0.094 223.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Teal Tune color name →
#02708C
oklch(0.506 0.094 223.2)
Conversioni di colore
- HEX
- #02708c
- RGB
- rgb(2 112 140)
- HSL
- hsl(192 97% 28%)
- HWB
- hwb(192 1% 45%)
- OKLCH
- oklch(0.506 0.094 223.2)
- OKLab
- oklab(0.506 -0.068 -0.064)
- CIE Lab
- lab(43.09 -19.64 -23.44)
- LCH
- lch(43.09 30.58 230)
- CMYK
- cmyk(99% 20% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 307E97
- 4A8CA3
- 629AAE
- 79A8B9
- 8FB6C5
- A5C4D0
- BBD3DC
- D2E1E8
- E8F0F3
Ombre
- 016079
- 015167
- 014355
- 003543
- 002733
- 001A23
- 000E14
- 000407
- 000101
Toni
- 21728B
- 31748A
- 3E7689
- 4A7788
- 547987
- 5D7A85
- 667C84
- 6F7D83
- 787F81
Armonie di colore
Complementare +180°
- 02708C
Teal Tune
- 915237
≈ Japanese Cypress
Analogo -30° +30°
- 02708C
Teal Tune
- 007473
≈ Skobeloff
- 3C6799
≈ Summerday Blue
Triadico +120° +240°
- 02708C
Teal Tune
- 8A4E73
≈ Goddess of Dawn
- 6F671C
≈ Spicy Mustard
Complementare divisa +150° +210°
- 02708C
Teal Tune
- 934D55
≈ Rialto
- 855C1D
≈ Grizzly
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.67:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.69:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--teal-tune: #02708c;
--teal-tune-rgb: 2 112 140;
--teal-tune-oklch: oklch(0.506 0.094 223.2);
}
.element {
color: var(--teal-tune);
background-color: hsl(192 97% 28%);
border-color: oklch(0.506 0.094 223.2);
}Tailwind CSS v4
@theme {
--color-teal-tune: #02708c;
--color-teal-tune-50: #dafcff;
--color-teal-tune-100: #c8efff;
--color-teal-tune-200: #aaddf3;
--color-teal-tune-300: #82c2dc;
--color-teal-tune-400: #5aabc7;
--color-teal-tune-500: #2a93b3;
--color-teal-tune-600: #277d98;
--color-teal-tune-700: #1f647a;
--color-teal-tune-800: #134a59;
--color-teal-tune-900: #0c333e;
--color-teal-tune-950: #001f28;
}SCSS
$teal-tune: #02708c;
$teal-tune-rgb: 2, 112, 140;
$teal-tune-light: mix(#fff, $teal-tune, 20%);
$teal-tune-dark: mix(#000, $teal-tune, 20%);
.element {
color: $teal-tune;
box-shadow: 0 0 0 2px rgba($teal-tune, 0.35);
}