Nazwany kolor · #45E9C1
Aphrodite Aqua
Aphrodite Aqua to #45E9C1: rgb(69 233 193), hsl(165 79% 59%), oklch(0.841 0.145 172.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aphrodite Aqua color name →
#45E9C1
oklch(0.841 0.145 172.6)
Konwersje koloru
- HEX
- #45e9c1
- RGB
- rgb(69 233 193)
- HSL
- hsl(165 79% 59%)
- HWB
- hwb(165 27% 9%)
- OKLCH
- oklch(0.841 0.145 172.6)
- OKLab
- oklab(0.841 -0.144 0.019)
- CIE Lab
- lab(83.43 -50.74 6.73)
- LCH
- lch(83.43 51.18 172.4)
- CMYK
- cmyk(70% 0% 17% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 64ECC7
- 7BEECD
- 8FF1D3
- A2F3D9
- B3F5E0
- C3F7E6
- D3F9EC
- E2FBF2
- F1FDF9
Odcienie ciemniejsze
- 3BCBA7
- 31AD8F
- 279077
- 1E745F
- 155A49
- 0C4134
- 052920
- 02130E
- 000302
Tony
- 54DEBA
- 5FD4B4
- 68C9AD
- 6EBEA6
- 74B4A0
- 78A999
- 7B9F93
- 7D958D
- 7F8A86
Harmonie kolorów
Komplementarna +180°
- 45E9C1
Aphrodite Aqua
- FFAFD1
≈ Spaghetti Strap Pink
Analogowa -30° +30°
- 45E9C1
Aphrodite Aqua
- 90E38A
≈ VIC 20 Green
- 00E5F3
≈ Whimsical Blue
Triada +120° +240°
- 45E9C1
Aphrodite Aqua
- CCC1FF
≈ Lavender Tonic
- FFB98E
≈ Coral Wisp
Komplementarna rozszczepiona +150° +210°
- 45E9C1
Aphrodite Aqua
- F5ACFF
≈ Pink Sugar
- FFB5B1
≈ Young Salmon
Tetrada +90° +180° +270°
- 45E9C1
Aphrodite Aqua
- B0CBFF
≈ Night Snow
- FFAFD1
≈ Spaghetti Strap Pink
- F9C14C
≈ Creamy Sweet Corn
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.67:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.67:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--aphrodite-aqua: #45e9c1;
--aphrodite-aqua-rgb: 69 233 193;
--aphrodite-aqua-oklch: oklch(0.841 0.145 172.6);
}
.element {
color: var(--aphrodite-aqua);
background-color: hsl(165 79% 59%);
border-color: oklch(0.841 0.145 172.6);
}Tailwind CSS v4
@theme {
--color-aphrodite-aqua: #45e9c1;
--color-aphrodite-aqua-50: #cbfff2;
--color-aphrodite-aqua-100: #b5f8e5;
--color-aphrodite-aqua-200: #8ee9d0;
--color-aphrodite-aqua-300: #58d0b3;
--color-aphrodite-aqua-400: #00b996;
--color-aphrodite-aqua-500: #00a37c;
--color-aphrodite-aqua-600: #008a69;
--color-aphrodite-aqua-700: #006f54;
--color-aphrodite-aqua-800: #00523b;
--color-aphrodite-aqua-900: #003929;
--color-aphrodite-aqua-950: #002316;
}SCSS
$aphrodite-aqua: #45e9c1;
$aphrodite-aqua-rgb: 69, 233, 193;
$aphrodite-aqua-light: mix(#fff, $aphrodite-aqua, 20%);
$aphrodite-aqua-dark: mix(#000, $aphrodite-aqua, 20%);
.element {
color: $aphrodite-aqua;
box-shadow: 0 0 0 2px rgba($aphrodite-aqua, 0.35);
}