Benannte Farbe · #63F7B4
Ineffable Green
Ineffable Green ist #63F7B4: rgb(99 247 180), hsl(153 90% 68%), oklch(0.879 0.159 160.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Ineffable Green color name →
#63F7B4
oklch(0.879 0.159 160.7)
Farbumrechnungen
- HEX
- #63f7b4
- RGB
- rgb(99 247 180)
- HSL
- hsl(153 90% 68%)
- HWB
- hwb(153 39% 3%)
- OKLCH
- oklch(0.879 0.159 160.7)
- OKLab
- oklab(0.879 -0.15 0.053)
- CIE Lab
- lab(88.07 -52.91 20.01)
- LCH
- lch(88.07 56.56 159.3)
- CMYK
- cmyk(60% 0% 27% 3%)
Tints · Shades · Tones
Tints
- 79F8BC
- 8CF9C3
- 9EFACB
- ADFBD2
- BCFCDA
- CBFDE1
- D8FEE9
- E6FEF0
- F2FFF8
Shades
- 55D79C
- 47B785
- 3A996E
- 2E7C58
- 216044
- 164530
- 0B2C1D
- 03150C
- 000302
Tones
- 6BEBAF
- 71DFAA
- 76D2A4
- 7AC69F
- 7DBB9A
- 7FAF95
- 80A390
- 81978A
- 818C85
Farbharmonien
Komplementär +180°
- 63F7B4
Ineffable Green
- FFC1E8
≈ Pretty in Pink
Analog -30° +30°
- 63F7B4
Ineffable Green
- B3EC77
≈ Pisco Sour
- 00F6EE
≈ Bright Aqua
Triadisch +120° +240°
- 63F7B4
Ineffable Green
- CFD3FF
≈ Pale Phthalo Blue
- FFC9B6
≈ Dolly Cheek
Geteilt komplementär +150° +210°
- 63F7B4
Ineffable Green
- E8C9FF
≈ Wisteria Powder
- FFC6CD
≈ Rubber Rose
Tetradisch +90° +180° +270°
- 63F7B4
Ineffable Green
- BADBFF
≈ Broad Daylight
- FFC1E8
≈ Pretty in Pink
- FFCD92
≈ Goldenrod Yellow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.49:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.49:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--ineffable-green: #63f7b4;
--ineffable-green-rgb: 99 247 180;
--ineffable-green-oklch: oklch(0.879 0.159 160.7);
}
.element {
color: var(--ineffable-green);
background-color: hsl(153 90% 68%);
border-color: oklch(0.879 0.159 160.7);
}Tailwind CSS v4
@theme {
--color-ineffable-green: #63f7b4;
--color-ineffable-green-50: #cdffe8;
--color-ineffable-green-100: #b8f9d8;
--color-ineffable-green-200: #92eac0;
--color-ineffable-green-300: #5fd19f;
--color-ineffable-green-400: #1cba7e;
--color-ineffable-green-500: #00a461;
--color-ineffable-green-600: #008b53;
--color-ineffable-green-700: #006f42;
--color-ineffable-green-800: #00522d;
--color-ineffable-green-900: #00391e;
--color-ineffable-green-950: #00230e;
}SCSS
$ineffable-green: #63f7b4;
$ineffable-green-rgb: 99, 247, 180;
$ineffable-green-light: mix(#fff, $ineffable-green, 20%);
$ineffable-green-dark: mix(#000, $ineffable-green, 20%);
.element {
color: $ineffable-green;
box-shadow: 0 0 0 2px rgba($ineffable-green, 0.35);
}