Nazwany kolor · #A0C0BF
Frosty Glade
Frosty Glade to #A0C0BF: rgb(160 192 191), hsl(178 20% 69%), oklch(0.784 0.035 194.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Frosty Glade color name →
#A0C0BF
oklch(0.784 0.035 194.1)
Konwersje koloru
- HEX
- #a0c0bf
- RGB
- rgb(160 192 191)
- HSL
- hsl(178 20% 69%)
- HWB
- hwb(178 63% 25%)
- OKLCH
- oklch(0.784 0.035 194.1)
- OKLab
- oklab(0.784 -0.033 -0.008)
- CIE Lab
- lab(75.31 -11.32 -3.29)
- LCH
- lch(75.31 11.78 196.2)
- CMYK
- cmyk(17% 0% 1% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A9C6C5
- B3CCCC
- BCD3D2
- C6D9D8
- CFDFDF
- D9E5E5
- E2ECEB
- ECF2F2
- F5F9F8
Odcienie ciemniejsze
- 8BA7A6
- 768E8D
- 617675
- 4E5F5E
- 3B4948
- 293433
- 19201F
- 090E0D
- 010202
Tony
- 9DB9B9
- 9AB3B2
- 97ACAC
- 93A6A5
- 909F9F
- 8D9999
- 8A9392
- 878C8C
- 838686
Harmonie kolorów
Komplementarna +180°
- A0C0BF
Frosty Glade
- CEB0B2
≈ Izmir Pink
Analogowa -30° +30°
- A0C0BF
Frosty Glade
- A5C0B3
≈ Folk Tales
- A2BEC9
≈ Frozen Tundra
Triada +120° +240°
- A0C0BF
Frosty Glade
- C1B2C8
≈ Purple Essence
- C6B6A1
≈ Ranch Tan
Komplementarna rozszczepiona +150° +210°
- A0C0BF
Frosty Glade
- CAB0BE
≈ Maverick
- CDB2A7
≈ Rose Dust
Tetrada +90° +180° +270°
- A0C0BF
Frosty Glade
- B5B6CF
≈ Madder Blue
- CEB0B2
≈ Izmir Pink
- BCBAA1
≈ Restful
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.78:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--frosty-glade: #a0c0bf;
--frosty-glade-rgb: 160 192 191;
--frosty-glade-oklch: oklch(0.784 0.035 194.1);
}
.element {
color: var(--frosty-glade);
background-color: hsl(178 20% 69%);
border-color: oklch(0.784 0.035 194.1);
}Tailwind CSS v4
@theme {
--color-frosty-glade: #a0c0bf;
--color-frosty-glade-50: #eaf8f8;
--color-frosty-glade-100: #dbecec;
--color-frosty-glade-200: #c4d9d9;
--color-frosty-glade-300: #a4bdbd;
--color-frosty-glade-400: #88a5a4;
--color-frosty-glade-500: #6c8e8d;
--color-frosty-glade-600: #5c7877;
--color-frosty-glade-700: #49605f;
--color-frosty-glade-800: #354645;
--color-frosty-glade-900: #243130;
--color-frosty-glade-950: #131d1c;
}SCSS
$frosty-glade: #a0c0bf;
$frosty-glade-rgb: 160, 192, 191;
$frosty-glade-light: mix(#fff, $frosty-glade, 20%);
$frosty-glade-dark: mix(#000, $frosty-glade, 20%);
.element {
color: $frosty-glade;
box-shadow: 0 0 0 2px rgba($frosty-glade, 0.35);
}