Nazwany kolor · #A6DAD0
Lolly Ice
Lolly Ice to #A6DAD0: rgb(166 218 208), hsl(168 41% 75%), oklch(0.849 0.055 181.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Lolly Ice color name →
#A6DAD0
oklch(0.849 0.055 181.8)
Konwersje koloru
- HEX
- #a6dad0
- RGB
- rgb(166 218 208)
- HSL
- hsl(168 41% 75%)
- HWB
- hwb(168 65% 15%)
- OKLCH
- oklch(0.849 0.055 181.8)
- OKLab
- oklab(0.849 -0.055 -0.002)
- CIE Lab
- lab(83.22 -18.97 -0.83)
- LCH
- lch(83.22 18.99 182.5)
- CMYK
- cmyk(24% 0% 5% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFDED5
- B8E1D9
- C1E5DE
- CAE9E3
- D3EDE7
- DCF0EC
- E5F4F1
- EDF8F5
- F6FBFA
Odcienie ciemniejsze
- 90BDB5
- 7AA29A
- 658780
- 516C67
- 3E544F
- 2B3C39
- 1A2523
- 0A1110
- 010202
Tony
- A3D1C8
- 9FC7BF
- 9BBEB7
- 98B5AF
- 94ACA7
- 90A39F
- 8C9A97
- 88918F
- 848988
Harmonie kolorów
Komplementarna +180°
- A6DAD0
Lolly Ice
- EEBFCB
≈ Azalea Flower
Analogowa -30° +30°
- A6DAD0
Lolly Ice
- B4D9BC
≈ Ice Mist
- A4D8E3
≈ Atlantic Ocean
Triada +120° +240°
- A6DAD0
Lolly Ice
- D4C6ED
≈ Foggy Love
- E9C6A9
≈ Pumpkin Cream
Komplementarna rozszczepiona +150° +210°
- A6DAD0
Lolly Ice
- E4C1DE
≈ Sweet Alyssum
- F0C1B7
≈ New Clay
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.56:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--lolly-ice: #a6dad0;
--lolly-ice-rgb: 166 218 208;
--lolly-ice-oklch: oklch(0.849 0.055 181.8);
}
.element {
color: var(--lolly-ice);
background-color: hsl(168 41% 75%);
border-color: oklch(0.849 0.055 181.8);
}Tailwind CSS v4
@theme {
--color-lolly-ice: #a6dad0;
--color-lolly-ice-50: #e5fbf7;
--color-lolly-ice-100: #d5eeea;
--color-lolly-ice-200: #bbdcd7;
--color-lolly-ice-300: #98c1ba;
--color-lolly-ice-400: #7aaaa1;
--color-lolly-ice-500: #5b9389;
--color-lolly-ice-600: #4d7c74;
--color-lolly-ice-700: #3e635d;
--color-lolly-ice-800: #2c4943;
--color-lolly-ice-900: #1e322e;
--color-lolly-ice-950: #0e1e1b;
}SCSS
$lolly-ice: #a6dad0;
$lolly-ice-rgb: 166, 218, 208;
$lolly-ice-light: mix(#fff, $lolly-ice, 20%);
$lolly-ice-dark: mix(#000, $lolly-ice, 20%);
.element {
color: $lolly-ice;
box-shadow: 0 0 0 2px rgba($lolly-ice, 0.35);
}