Colore con nome · #01F1F1
Aqua Cyan
Aqua Cyan è #01F1F1: rgb(1 241 241), hsl(180 99% 47%), oklch(0.868 0.148 194.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aqua Cyan color name →
#01F1F1
oklch(0.868 0.148 194.8)
Conversioni di colore
- HEX
- #01f1f1
- RGB
- rgb(1 241 241)
- HSL
- hsl(180 99% 47%)
- HWB
- hwb(180 0% 5%)
- OKLCH
- oklch(0.868 0.148 194.8)
- OKLab
- oklab(0.868 -0.143 -0.038)
- CIE Lab
- lab(86.21 -48.51 -14.33)
- LCH
- lch(86.21 50.59 196.5)
- CMYK
- cmyk(100% 0% 0% 5%)
Tinte · Ombre · Toni
Tinte
- 4DF3F2
- 6DF5F4
- 85F6F5
- 9BF8F7
- AEF9F8
- C0FBFA
- D0FCFB
- E1FDFC
- F0FEFE
Ombre
- 01D2D2
- 01B3B3
- 009595
- 007979
- 005D5D
- 004343
- 002B2B
- 001414
- 000303
Toni
- 38E5E5
- 4EDAD9
- 5CCECE
- 66C3C2
- 6EB8B7
- 74ADAC
- 78A1A1
- 7C9696
- 7E8B8B
Armonie di colore
Complementare +180°
- 01F1F1
Aqua Cyan
- FFC1C4
≈ Delhi Dance Pink
Analogo -30° +30°
- 01F1F1
Aqua Cyan
- 61F2BB
≈ Onsen
- 92E0FF
≈ Columbia Blue
Triadico +120° +240°
- 01F1F1
Aqua Cyan
- EBC1FF
≈ Light Lavender
- FFC97D
≈ Beige Topaz
Complementare divisa +150° +210°
- 01F1F1
Aqua Cyan
- FFBCE1
≈ Bubblegum Heart
- FFC4AB
≈ Gadabout
Tetradico +90° +180° +270°
- 01F1F1
Aqua Cyan
- CECEFF
≈ Lavender Blue
- FFC1C4
≈ Delhi Dance Pink
- E3D858
≈ Kowloon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 19
Ag
AAASu nero
WCAG 14.85:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.85:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--aqua-cyan: #01f1f1;
--aqua-cyan-rgb: 1 241 241;
--aqua-cyan-oklch: oklch(0.868 0.148 194.8);
}
.element {
color: var(--aqua-cyan);
background-color: hsl(180 99% 47%);
border-color: oklch(0.868 0.148 194.8);
}Tailwind CSS v4
@theme {
--color-aqua-cyan: #01f1f1;
--color-aqua-cyan-50: #c4ffff;
--color-aqua-cyan-100: #acf8f9;
--color-aqua-cyan-200: #81e8ea;
--color-aqua-cyan-300: #3eced1;
--color-aqua-cyan-400: #00b8b9;
--color-aqua-cyan-500: #00a2a4;
--color-aqua-cyan-600: #00898b;
--color-aqua-cyan-700: #006e6f;
--color-aqua-cyan-800: #005150;
--color-aqua-cyan-900: #003938;
--color-aqua-cyan-950: #002322;
}SCSS
$aqua-cyan: #01f1f1;
$aqua-cyan-rgb: 1, 241, 241;
$aqua-cyan-light: mix(#fff, $aqua-cyan, 20%);
$aqua-cyan-dark: mix(#000, $aqua-cyan, 20%);
.element {
color: $aqua-cyan;
box-shadow: 0 0 0 2px rgba($aqua-cyan, 0.35);
}