Nazwany kolor · #ABEDC9
Esoteric Touch Green
Esoteric Touch Green to #ABEDC9: rgb(171 237 201), hsl(147 65% 80%), oklch(0.892 0.083 160.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Esoteric Touch Green color name →
#ABEDC9
oklch(0.892 0.083 160.3)
Konwersje koloru
- HEX
- #abedc9
- RGB
- rgb(171 237 201)
- HSL
- hsl(147 65% 80%)
- HWB
- hwb(147 67% 7%)
- OKLCH
- oklch(0.892 0.083 160.3)
- OKLab
- oklab(0.892 -0.078 0.028)
- CIE Lab
- lab(88.6 -27.02 10.53)
- LCH
- lch(88.6 29 158.7)
- CMYK
- cmyk(28% 0% 15% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4EFCE
- BDF1D4
- C5F3D9
- CEF5DE
- D6F6E4
- DFF8E9
- E7FAEF
- EFFCF4
- F7FDFA
Odcienie ciemniejsze
- 94CEAE
- 7EB095
- 68937C
- 547764
- 405C4C
- 2D4236
- 1B2A22
- 0B140F
- 010302
Tony
- A7E2C1
- A3D6BA
- 9FCBB3
- 9BC0AB
- 97B5A4
- 92AA9D
- 8EA095
- 89958E
- 858A87
Harmonie kolorów
Komplementarna +180°
- ABEDC9
Esoteric Touch Green
- FFC8EB
≈ Soulmate Pink
Analogowa -30° +30°
- ABEDC9
Esoteric Touch Green
- C9E7AD
≈ Cool Peridot
- 98EEE8
≈ Freezy Breezy
Triada +120° +240°
- ABEDC9
Esoteric Touch Green
- D4D8FF
≈ Icy Plains
- FFCFBE
≈ Vienna Sausage
Komplementarna rozszczepiona +150° +210°
- ABEDC9
Esoteric Touch Green
- EACFFF
≈ Rose Dragée
- FFCCD2
≈ Fruit Bowl
Tetrada +90° +180° +270°
- ABEDC9
Esoteric Touch Green
- C1DFFF
≈ Dithered Sky
- FFC8EB
≈ Soulmate Pink
- FFD3A0
≈ Apricot Fool
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.68:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--esoteric-touch-green: #abedc9;
--esoteric-touch-green-rgb: 171 237 201;
--esoteric-touch-green-oklch: oklch(0.892 0.083 160.3);
}
.element {
color: var(--esoteric-touch-green);
background-color: hsl(147 65% 80%);
border-color: oklch(0.892 0.083 160.3);
}Tailwind CSS v4
@theme {
--color-esoteric-touch-green: #abedc9;
--color-esoteric-touch-green-50: #e1fdee;
--color-esoteric-touch-green-100: #d0f1e0;
--color-esoteric-touch-green-200: #b5e0ca;
--color-esoteric-touch-green-300: #91c5ab;
--color-esoteric-touch-green-400: #72ae8e;
--color-esoteric-touch-green-500: #509773;
--color-esoteric-touch-green-600: #448062;
--color-esoteric-touch-green-700: #36664e;
--color-esoteric-touch-green-800: #274b37;
--color-esoteric-touch-green-900: #1a3426;
--color-esoteric-touch-green-950: #0b2014;
}SCSS
$esoteric-touch-green: #abedc9;
$esoteric-touch-green-rgb: 171, 237, 201;
$esoteric-touch-green-light: mix(#fff, $esoteric-touch-green, 20%);
$esoteric-touch-green-dark: mix(#000, $esoteric-touch-green, 20%);
.element {
color: $esoteric-touch-green;
box-shadow: 0 0 0 2px rgba($esoteric-touch-green, 0.35);
}