Nazwany kolor · #AAE1CE
Meristem
Meristem to #AAE1CE: rgb(170 225 206), hsl(159 48% 77%), oklch(0.866 0.062 171.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Meristem color name →
#AAE1CE
oklch(0.866 0.062 171.5)
Konwersje koloru
- HEX
- #aae1ce
- RGB
- rgb(170 225 206)
- HSL
- hsl(159 48% 77%)
- HWB
- hwb(159 67% 12%)
- OKLCH
- oklch(0.866 0.062 171.5)
- OKLab
- oklab(0.866 -0.062 0.009)
- CIE Lab
- lab(85.33 -21.22 3.3)
- LCH
- lch(85.33 21.48 171.2)
- CMYK
- cmyk(24% 0% 8% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3E4D3
- BCE7D8
- C4EADD
- CDEDE1
- D5F0E6
- DEF3EB
- E6F6F0
- EEF9F5
- F7FCFA
Odcienie ciemniejsze
- 93C4B3
- 7DA798
- 688B7F
- 537066
- 3F564E
- 2D3E38
- 1B2723
- 0B120F
- 010202
Tony
- A6D7C6
- A2CDBE
- 9EC3B6
- 9AB9AE
- 96AFA6
- 92A69E
- 8D9C97
- 89938F
- 858987
Harmonie kolorów
Komplementarna +180°
- AAE1CE
Meristem
- F5C3D8
≈ Sweetheart
Analogowa -30° +30°
- AAE1CE
Meristem
- BDDEB8
≈ Soft Lumen
- A3E0E4
≈ Blue Bauble
Triada +120° +240°
- AAE1CE
Meristem
- D3CCFA
≈ Lavender Blue
- F5C8AE
≈ Bellini
Komplementarna rozszczepiona +150° +210°
- AAE1CE
Meristem
- E7C6EC
≈ Prom Corsage
- FAC4C1
≈ Icing on the Cake
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.37:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--meristem: #aae1ce;
--meristem-rgb: 170 225 206;
--meristem-oklch: oklch(0.866 0.062 171.5);
}
.element {
color: var(--meristem);
background-color: hsl(159 48% 77%);
border-color: oklch(0.866 0.062 171.5);
}Tailwind CSS v4
@theme {
--color-meristem: #aae1ce;
--color-meristem-50: #e4fbf4;
--color-meristem-100: #d4efe6;
--color-meristem-200: #baddd2;
--color-meristem-300: #97c2b5;
--color-meristem-400: #78ab9a;
--color-meristem-500: #599481;
--color-meristem-600: #4c7d6d;
--color-meristem-700: #3c6457;
--color-meristem-800: #2c493f;
--color-meristem-900: #1d332b;
--color-meristem-950: #0d1f19;
}SCSS
$meristem: #aae1ce;
$meristem-rgb: 170, 225, 206;
$meristem-light: mix(#fff, $meristem, 20%);
$meristem-dark: mix(#000, $meristem, 20%);
.element {
color: $meristem;
box-shadow: 0 0 0 2px rgba($meristem, 0.35);
}