Nazwany kolor · #A0E3E0
Everest
Everest to #A0E3E0: rgb(160 227 224), hsl(177 54% 76%), oklch(0.87 0.067 192.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Everest color name →
#A0E3E0
oklch(0.87 0.067 192.5)
Konwersje koloru
- HEX
- #a0e3e0
- RGB
- rgb(160 227 224)
- HSL
- hsl(177 54% 76%)
- HWB
- hwb(177 63% 11%)
- OKLCH
- oklch(0.87 0.067 192.5)
- OKLab
- oklab(0.87 -0.066 -0.015)
- CIE Lab
- lab(85.71 -22.3 -5.66)
- LCH
- lch(85.71 23 194.2)
- CMYK
- cmyk(30% 0% 1% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AAE6E3
- B4E9E6
- BEECE9
- C8EEEC
- D1F1EF
- DAF4F3
- E4F7F6
- EDFAF9
- F6FCFC
Odcienie ciemniejsze
- 8BC5C3
- 76A8A6
- 618C8A
- 4E7170
- 3B5756
- 293F3E
- 192727
- 091212
- 010302
Tony
- 9DD9D6
- 9BCFCC
- 98C4C2
- 95BAB8
- 92B0AF
- 8EA7A5
- 8B9D9C
- 879392
- 848A89
Harmonie kolorów
Komplementarna +180°
- A0E3E0
Everest
- FDC3C8
≈ Crystal Rose
Analogowa -30° +30°
- A0E3E0
Everest
- ADE3C7
≈ Fabulous Find
- A4DFF5
≈ Van Gogh Blue
Triada +120° +240°
- A0E3E0
Everest
- E4C8F5
≈ Foggy Heath
- F0CEA4
≈ Crumble Topping
Komplementarna rozszczepiona +150° +210°
- A0E3E0
Everest
- F5C3E0
≈ Rosy Nectar
- FCC7B2
≈ Malibu Peach
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.55:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--everest: #a0e3e0;
--everest-rgb: 160 227 224;
--everest-oklch: oklch(0.87 0.067 192.5);
}
.element {
color: var(--everest);
background-color: hsl(177 54% 76%);
border-color: oklch(0.87 0.067 192.5);
}Tailwind CSS v4
@theme {
--color-everest: #a0e3e0;
--color-everest-50: #e0fcfb;
--color-everest-100: #cfefef;
--color-everest-200: #b4dedd;
--color-everest-300: #8fc3c2;
--color-everest-400: #6eaba9;
--color-everest-500: #4a9492;
--color-everest-600: #407e7b;
--color-everest-700: #336563;
--color-everest-800: #244a48;
--color-everest-900: #183332;
--color-everest-950: #081f1e;
}SCSS
$everest: #a0e3e0;
$everest-rgb: 160, 227, 224;
$everest-light: mix(#fff, $everest, 20%);
$everest-dark: mix(#000, $everest, 20%);
.element {
color: $everest;
box-shadow: 0 0 0 2px rgba($everest, 0.35);
}