Nazwany kolor · #A1DAD7
Aqua Island
Aqua Island to #A1DAD7: rgb(161 218 215), hsl(177 44% 74%), oklch(0.849 0.058 192). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aqua Island color name →
#A1DAD7
oklch(0.849 0.058 192)
Konwersje koloru
- HEX
- #a1dad7
- RGB
- rgb(161 218 215)
- HSL
- hsl(177 44% 74%)
- HWB
- hwb(177 63% 15%)
- OKLCH
- oklch(0.849 0.058 192)
- OKLab
- oklab(0.849 -0.057 -0.012)
- CIE Lab
- lab(83.08 -19.39 -4.76)
- LCH
- lch(83.08 19.96 193.8)
- CMYK
- cmyk(26% 0% 1% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABDEDB
- B4E1DF
- BEE5E3
- C7E9E7
- D1EDEB
- DAF0EF
- E3F4F3
- EDF8F7
- F6FBFB
Odcienie ciemniejsze
- 8BBDBB
- 76A29F
- 628785
- 4E6C6B
- 3C5452
- 2A3C3B
- 192525
- 091111
- 010202
Tony
- 9ED1CE
- 9BC7C5
- 98BEBC
- 95B5B3
- 92ACAA
- 8EA3A2
- 8B9A99
- 879191
- 848988
Harmonie kolorów
Komplementarna +180°
- A1DAD7
Aqua Island
- F1BEC3
≈ Strawberry Confection
Analogowa -30° +30°
- A1DAD7
Aqua Island
- ACDAC2
≈ Mint Gala
- A4D7E9
≈ Blue Bubble
Triada +120° +240°
- A1DAD7
Aqua Island
- DAC3EA
≈ Glittering Gemstone
- E6C8A4
≈ Gentle Fawn
Komplementarna rozszczepiona +150° +210°
- A1DAD7
Aqua Island
- E9BFD8
≈ Cherry Cordial
- F0C2B0
≈ Fatty Sashimi
Tetrada +90° +180° +270°
- A1DAD7
Aqua Island
- C7C9F3
≈ Soap
- F1BEC3
≈ Strawberry Confection
- D4CFA3
≈ Heart of Palm
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.52:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.52:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-island: #a1dad7;
--aqua-island-rgb: 161 218 215;
--aqua-island-oklch: oklch(0.849 0.058 192);
}
.element {
color: var(--aqua-island);
background-color: hsl(177 44% 74%);
border-color: oklch(0.849 0.058 192);
}Tailwind CSS v4
@theme {
--color-aqua-island: #a1dad7;
--color-aqua-island-50: #e3fbfa;
--color-aqua-island-100: #d3eeed;
--color-aqua-island-200: #b8dddb;
--color-aqua-island-300: #95c1c0;
--color-aqua-island-400: #75aaa7;
--color-aqua-island-500: #559390;
--color-aqua-island-600: #497c7a;
--color-aqua-island-700: #3a6362;
--color-aqua-island-800: #294947;
--color-aqua-island-900: #1c3331;
--color-aqua-island-950: #0c1e1d;
}SCSS
$aqua-island: #a1dad7;
$aqua-island-rgb: 161, 218, 215;
$aqua-island-light: mix(#fff, $aqua-island, 20%);
$aqua-island-dark: mix(#000, $aqua-island, 20%);
.element {
color: $aqua-island;
box-shadow: 0 0 0 2px rgba($aqua-island, 0.35);
}