Nazwany kolor · #A5DDDB
Aqua Spray
Aqua Spray to #A5DDDB: rgb(165 221 219), hsl(178 45% 76%), oklch(0.859 0.057 193.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aqua Spray color name →
#A5DDDB
oklch(0.859 0.057 193.4)
Konwersje koloru
- HEX
- #a5dddb
- RGB
- rgb(165 221 219)
- HSL
- hsl(178 45% 76%)
- HWB
- hwb(178 65% 13%)
- OKLCH
- oklch(0.859 0.057 193.4)
- OKLab
- oklab(0.859 -0.056 -0.013)
- CIE Lab
- lab(84.23 -18.89 -5.16)
- LCH
- lch(84.23 19.58 195.3)
- CMYK
- cmyk(25% 0% 1% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AEE0DF
- B8E4E2
- C1E7E6
- CAEBE9
- D3EEED
- DCF2F1
- E5F5F4
- EDF8F8
- F6FCFB
Odcienie ciemniejsze
- 8FC0BE
- 79A4A2
- 658887
- 516E6D
- 3D5554
- 2B3D3C
- 1A2626
- 0A1111
- 010202
Tony
- A2D3D2
- 9ECAC8
- 9BC0BF
- 97B7B6
- 94AEAC
- 90A4A3
- 8C9B9A
- 889291
- 848989
Harmonie kolorów
Komplementarna +180°
- A5DDDB
Aqua Spray
- F4C2C6
≈ Rose Reminder
Analogowa -30° +30°
- A5DDDB
Aqua Spray
- AFDDC6
≈ Shallow Shore
- A8D9EC
≈ Mizu Cyan
Triada +120° +240°
- A5DDDB
Aqua Spray
- DEC6EC
≈ Prom Corsage
- E8CBA8
≈ Almond Biscuit
Komplementarna rozszczepiona +150° +210°
- A5DDDB
Aqua Spray
- EDC2DA
≈ Starlet Pink
- F2C5B3
≈ Peach Temptation
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.96:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-spray: #a5dddb;
--aqua-spray-rgb: 165 221 219;
--aqua-spray-oklch: oklch(0.859 0.057 193.4);
}
.element {
color: var(--aqua-spray);
background-color: hsl(178 45% 76%);
border-color: oklch(0.859 0.057 193.4);
}Tailwind CSS v4
@theme {
--color-aqua-spray: #a5dddb;
--color-aqua-spray-50: #e3fbfa;
--color-aqua-spray-100: #d3eeee;
--color-aqua-spray-200: #b9dcdc;
--color-aqua-spray-300: #96c1c1;
--color-aqua-spray-400: #76aaa8;
--color-aqua-spray-500: #569291;
--color-aqua-spray-600: #497c7a;
--color-aqua-spray-700: #3a6362;
--color-aqua-spray-800: #2a4947;
--color-aqua-spray-900: #1c3231;
--color-aqua-spray-950: #0c1e1d;
}SCSS
$aqua-spray: #a5dddb;
$aqua-spray-rgb: 165, 221, 219;
$aqua-spray-light: mix(#fff, $aqua-spray, 20%);
$aqua-spray-dark: mix(#000, $aqua-spray, 20%);
.element {
color: $aqua-spray;
box-shadow: 0 0 0 2px rgba($aqua-spray, 0.35);
}