Warna bernama · #63F7B4
Ineffable Green
Ineffable Green adalah #63F7B4: rgb(99 247 180), hsl(153 90% 68%), oklch(0.879 0.159 160.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Ineffable Green color name →
#63F7B4
oklch(0.879 0.159 160.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 79F8BC
- 8CF9C3
- 9EFACB
- ADFBD2
- BCFCDA
- CBFDE1
- D8FEE9
- E6FEF0
- F2FFF8
Shade
- 55D79C
- 47B785
- 3A996E
- 2E7C58
- 216044
- 164530
- 0B2C1D
- 03150C
- 000302
Tone
- 6BEBAF
- 71DFAA
- 76D2A4
- 7AC69F
- 7DBB9A
- 7FAF95
- 80A390
- 81978A
- 818C85
Harmoni warna
Komplementer +180°
- 63F7B4
Ineffable Green
- FFC1E8
≈ Pretty in Pink
Analog -30° +30°
- 63F7B4
Ineffable Green
- B3EC77
≈ Pisco Sour
- 00F6EE
≈ Bright Aqua
Triadik +120° +240°
- 63F7B4
Ineffable Green
- CFD3FF
≈ Pale Phthalo Blue
- FFC9B6
≈ Dolly Cheek
Split-komplementer +150° +210°
- 63F7B4
Ineffable Green
- E8C9FF
≈ Wisteria Powder
- FFC6CD
≈ Rubber Rose
Tetradik +90° +180° +270°
- 63F7B4
Ineffable Green
- BADBFF
≈ Broad Daylight
- FFC1E8
≈ Pretty in Pink
- FFCD92
≈ Goldenrod Yellow
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.35:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.49:1 · APCA Lc 87
Warna teks terbaik: #000000
WCAG 15.49:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
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);
}