Benannte Farbe · #2AFEB7
Greenish Cyan
Greenish Cyan ist #2AFEB7: rgb(42 254 183), hsl(160 99% 58%), oklch(0.885 0.183 163.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Greenish Cyan color name →
#2AFEB7
oklch(0.885 0.183 163.5)
Farbumrechnungen
- HEX
- #2afeb7
- RGB
- rgb(42 254 183)
- HSL
- hsl(160 99% 58%)
- HWB
- hwb(160 16% 0%)
- OKLCH
- oklch(0.885 0.183 163.5)
- OKLab
- oklab(0.885 -0.176 0.052)
- CIE Lab
- lab(89.13 -62.58 19.73)
- LCH
- lch(89.13 65.62 162.5)
- CMYK
- cmyk(83% 0% 28% 0%)
Tints · Shades · Tones
Tints
- 58FFBE
- 75FFC6
- 8CFFCD
- A0FFD4
- B2FFDB
- C3FFE2
- D3FFE9
- E2FFF1
- F1FFF8
Shades
- 23DD9F
- 1CBD87
- 169E70
- 10805A
- 0A6345
- 054731
- 022D1E
- 01160C
- 000302
Tones
- 46F1B2
- 57E4AC
- 63D7A7
- 6BCBA1
- 72BE9C
- 77B296
- 7BA591
- 7D998B
- 7F8C86
Farbharmonien
Komplementär +180°
- 2AFEB7
Greenish Cyan
- FFC5E6
≈ Sugarwinkle
Analog -30° +30°
- 2AFEB7
Greenish Cyan
- A7F36C
≈ Lima
- 00F8F5
≈ Arctic Water
Triadisch +120° +240°
- 2AFEB7
Greenish Cyan
- D3D5FF
≈ Pale Phthalo Blue
- FFCCB8
≈ Dainty Peach
Geteilt komplementär +150° +210°
- 2AFEB7
Greenish Cyan
- ECCAFF
≈ Aquarelle Lilac
- FFC9CD
≈ Sweet Memories
Tetradisch +90° +180° +270°
- 2AFEB7
Greenish Cyan
- C0DCFF
≈ Broad Daylight
- FFC5E6
≈ Sugarwinkle
- FFD093
≈ Goldenrod Yellow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 15.95:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 15.95:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--greenish-cyan: #2afeb7;
--greenish-cyan-rgb: 42 254 183;
--greenish-cyan-oklch: oklch(0.885 0.183 163.5);
}
.element {
color: var(--greenish-cyan);
background-color: hsl(160 99% 58%);
border-color: oklch(0.885 0.183 163.5);
}Tailwind CSS v4
@theme {
--color-greenish-cyan: #2afeb7;
--color-greenish-cyan-50: #c4ffe9;
--color-greenish-cyan-100: #acfcd9;
--color-greenish-cyan-200: #81edc1;
--color-greenish-cyan-300: #3cd4a1;
--color-greenish-cyan-400: #00bf7f;
--color-greenish-cyan-500: #00a962;
--color-greenish-cyan-600: #008f54;
--color-greenish-cyan-700: #007243;
--color-greenish-cyan-800: #00542d;
--color-greenish-cyan-900: #003b1e;
--color-greenish-cyan-950: #00250e;
}SCSS
$greenish-cyan: #2afeb7;
$greenish-cyan-rgb: 42, 254, 183;
$greenish-cyan-light: mix(#fff, $greenish-cyan, 20%);
$greenish-cyan-dark: mix(#000, $greenish-cyan, 20%);
.element {
color: $greenish-cyan;
box-shadow: 0 0 0 2px rgba($greenish-cyan, 0.35);
}