Nazwany kolor · #A0C9CB
Aqua Mist
Aqua Mist to #A0C9CB: rgb(160 201 203), hsl(183 29% 71%), oklch(0.807 0.043 200). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Aqua Mist color name →
#A0C9CB
oklch(0.807 0.043 200)
Konwersje koloru
- HEX
- #a0c9cb
- RGB
- rgb(160 201 203)
- HSL
- hsl(183 29% 71%)
- HWB
- hwb(183 63% 20%)
- OKLCH
- oklch(0.807 0.043 200)
- OKLab
- oklab(0.807 -0.041 -0.015)
- CIE Lab
- lab(78.06 -13.71 -5.72)
- LCH
- lch(78.06 14.85 202.6)
- CMYK
- cmyk(21% 1% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AACED0
- B3D4D5
- BDD9DA
- C6DEE0
- CFE4E5
- D9E9EA
- E2EFEF
- ECF4F4
- F5FAFA
Odcienie ciemniejsze
- 8BAEB0
- 769596
- 617C7D
- 4E6465
- 3B4C4D
- 293637
- 192222
- 090F0F
- 010202
Tony
- 9DC1C3
- 9ABABC
- 97B3B4
- 94ABAC
- 91A4A5
- 8D9D9D
- 8A9596
- 878E8F
- 838787
Harmonie kolorów
Komplementarna +180°
- A0C9CB
Aqua Mist
- DBB5B4
≈ Rose Coloured
Analogowa -30° +30°
- A0C9CB
Aqua Mist
- A5CABC
≈ Wave Runner
- A4C6D7
≈ Corydalis Blue
Triada +120° +240°
- A0C9CB
Aqua Mist
- CDB7D2
≈ Liberace
- CFBEA1
≈ Far Side of the Mountain
Komplementarna rozszczepiona +150° +210°
- A0C9CB
Aqua Mist
- D7B5C4
≈ Mauvelous
- D8B9A8
≈ Alpaca Mittens
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.71:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-mist: #a0c9cb;
--aqua-mist-rgb: 160 201 203;
--aqua-mist-oklch: oklch(0.807 0.043 200);
}
.element {
color: var(--aqua-mist);
background-color: hsl(183 29% 71%);
border-color: oklch(0.807 0.043 200);
}Tailwind CSS v4
@theme {
--color-aqua-mist: #a0c9cb;
--color-aqua-mist-50: #e8f9fa;
--color-aqua-mist-100: #d8edee;
--color-aqua-mist-200: #c0dadc;
--color-aqua-mist-300: #9ebec1;
--color-aqua-mist-400: #81a7a8;
--color-aqua-mist-500: #648f91;
--color-aqua-mist-600: #55797b;
--color-aqua-mist-700: #436162;
--color-aqua-mist-800: #304748;
--color-aqua-mist-900: #213132;
--color-aqua-mist-950: #101d1e;
}SCSS
$aqua-mist: #a0c9cb;
$aqua-mist-rgb: 160, 201, 203;
$aqua-mist-light: mix(#fff, $aqua-mist, 20%);
$aqua-mist-dark: mix(#000, $aqua-mist, 20%);
.element {
color: $aqua-mist;
box-shadow: 0 0 0 2px rgba($aqua-mist, 0.35);
}