Colore con nome · #A3DAD4
Brilliante
Brilliante è #A3DAD4: rgb(163 218 212), hsl(173 43% 75%), oklch(0.849 0.057 187.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Brilliante color name →
#A3DAD4
oklch(0.849 0.057 187.8)
Conversioni di colore
- HEX
- #a3dad4
- RGB
- rgb(163 218 212)
- HSL
- hsl(173 43% 75%)
- HWB
- hwb(173 64% 15%)
- OKLCH
- oklch(0.849 0.057 187.8)
- OKLab
- oklab(0.849 -0.057 -0.008)
- CIE Lab
- lab(83.13 -19.27 -3.09)
- LCH
- lch(83.13 19.51 189.1)
- CMYK
- cmyk(25% 0% 3% 15%)
Tinte · Ombre · Toni
Tinte
- ADDED8
- B6E1DC
- BFE5E1
- C9E9E5
- D2EDE9
- DBF0EE
- E4F4F2
- EDF8F6
- F6FBFB
Ombre
- 8DBDB8
- 78A29D
- 638783
- 4F6C69
- 3C5451
- 2A3C3A
- 192524
- 0A1110
- 010202
Toni
- A0D1CB
- 9DC7C3
- 99BEBA
- 96B5B1
- 93ACA9
- 8FA3A1
- 8B9A98
- 889190
- 848988
Armonie di colore
Complementare +180°
- A3DAD4
Brilliante
- F0BFC6
≈ Loveable
Analogo -30° +30°
- A3DAD4
Brilliante
- AFD9BF
≈ Mint Gala
- A4D7E6
≈ Blue Click
Triadico +120° +240°
- A3DAD4
Brilliante
- D8C4EB
≈ Foggy Love
- E7C7A6
≈ Pumpkin Cream
Complementare divisa +150° +210°
- A3DAD4
Brilliante
- E7C0DB
≈ Dog Rose
- F0C1B3
≈ New Clay
Tetradico +90° +180° +270°
- A3DAD4
Brilliante
- C4CBF3
≈ Miami White
- F0BFC6
≈ Loveable
- D7CEA4
≈ Sawgrass Cottage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.53:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--brilliante: #a3dad4;
--brilliante-rgb: 163 218 212;
--brilliante-oklch: oklch(0.849 0.057 187.8);
}
.element {
color: var(--brilliante);
background-color: hsl(173 43% 75%);
border-color: oklch(0.849 0.057 187.8);
}Tailwind CSS v4
@theme {
--color-brilliante: #a3dad4;
--color-brilliante-50: #e4fbf9;
--color-brilliante-100: #d3eeec;
--color-brilliante-200: #baddd9;
--color-brilliante-300: #96c1be;
--color-brilliante-400: #77aaa4;
--color-brilliante-500: #57938d;
--color-brilliante-600: #4b7c77;
--color-brilliante-700: #3b635f;
--color-brilliante-800: #2a4945;
--color-brilliante-900: #1d3330;
--color-brilliante-950: #0c1e1c;
}SCSS
$brilliante: #a3dad4;
$brilliante-rgb: 163, 218, 212;
$brilliante-light: mix(#fff, $brilliante, 20%);
$brilliante-dark: mix(#000, $brilliante, 20%);
.element {
color: $brilliante;
box-shadow: 0 0 0 2px rgba($brilliante, 0.35);
}