Colore con nome · #A6D0C9
Sea Inspired
Sea Inspired è #A6D0C9: rgb(166 208 201), hsl(170 31% 73%), oklch(0.826 0.045 183.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Sea Inspired color name →
#A6D0C9
oklch(0.826 0.045 183.9)
Conversioni di colore
- HEX
- #a6d0c9
- RGB
- rgb(166 208 201)
- HSL
- hsl(170 31% 73%)
- HWB
- hwb(170 65% 18%)
- OKLCH
- oklch(0.826 0.045 183.9)
- OKLab
- oklab(0.826 -0.045 -0.003)
- CIE Lab
- lab(80.32 -15.41 -1.32)
- LCH
- lch(80.32 15.46 184.9)
- CMYK
- cmyk(20% 0% 3% 18%)
Tinte · Ombre · Toni
Tinte
- AFD5CE
- B8D9D4
- C1DED9
- CAE3DE
- D3E7E4
- DBECE9
- E4F1EF
- EDF6F4
- F6FAF9
Ombre
- 90B5AE
- 7A9A95
- 65807C
- 516764
- 3E4F4C
- 2B3936
- 1A2322
- 0A100F
- 010202
Toni
- A2C8C1
- 9FC0BA
- 9BB7B2
- 97AFAB
- 93A7A4
- 909F9C
- 8C9795
- 888F8E
- 848887
Armonie di colore
Complementare +180°
- A6D0C9
Sea Inspired
- E1BAC2
≈ Love in a Mist
Analogo -30° +30°
- A6D0C9
Sea Inspired
- B0CFB9
≈ Misty Jade
- A5CED8
≈ Wave
Triadico +120° +240°
- A6D0C9
Sea Inspired
- CCBFDE
≈ Digital Lavender
- DBC0A8
≈ Adobe Beige
Complementare divisa +150° +210°
- A6D0C9
Sea Inspired
- D9BBD2
≈ Lavender Veil
- E2BCB3
≈ Sweet Peach
Tetradico +90° +180° +270°
- A6D0C9
Sea Inspired
- BCC4E4
≈ California Lilac
- E1BAC2
≈ Love in a Mist
- CFC6A5
≈ Cyrus Grass
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.48:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-inspired: #a6d0c9;
--sea-inspired-rgb: 166 208 201;
--sea-inspired-oklch: oklch(0.826 0.045 183.9);
}
.element {
color: var(--sea-inspired);
background-color: hsl(170 31% 73%);
border-color: oklch(0.826 0.045 183.9);
}Tailwind CSS v4
@theme {
--color-sea-inspired: #a6d0c9;
--color-sea-inspired-50: #e8faf7;
--color-sea-inspired-100: #d8edea;
--color-sea-inspired-200: #c0dbd7;
--color-sea-inspired-300: #9ebfbb;
--color-sea-inspired-400: #81a8a1;
--color-sea-inspired-500: #649089;
--color-sea-inspired-600: #557a74;
--color-sea-inspired-700: #44625d;
--color-sea-inspired-800: #314843;
--color-sea-inspired-900: #21322f;
--color-sea-inspired-950: #101e1b;
}SCSS
$sea-inspired: #a6d0c9;
$sea-inspired-rgb: 166, 208, 201;
$sea-inspired-light: mix(#fff, $sea-inspired, 20%);
$sea-inspired-dark: mix(#000, $sea-inspired, 20%);
.element {
color: $sea-inspired;
box-shadow: 0 0 0 2px rgba($sea-inspired, 0.35);
}