Warna bernama · #88EE22
Luxurious Lime
Luxurious Lime adalah #88EE22: rgb(136 238 34), hsl(90 86% 53%), oklch(0.853 0.237 134.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Luxurious Lime color name →
#88EE22
oklch(0.853 0.237 134.1)
Konversi warna
- HEX
- #88ee22
- RGB
- rgb(136 238 34)
- HSL
- hsl(90 86% 53%)
- HWB
- hwb(90 13% 7%)
- OKLCH
- oklch(0.853 0.237 134.1)
- OKLab
- oklab(0.853 -0.165 0.17)
- CIE Lab
- lab(85.44 -52.6 76.63)
- LCH
- lch(85.44 92.95 124.5)
- CMYK
- cmyk(43% 0% 86% 7%)
Tint · Shade · Tone
Tint
- 95F04D
- A2F368
- AEF57F
- BAF794
- C6F9A7
- D2FABA
- DDFCCB
- E9FDDD
- F4FEEE
Shade
- 75CF1C
- 63B116
- 529311
- 41770B
- 315C07
- 224203
- 132A01
- 061400
- 010300
Tone
- 88E33C
- 89D84C
- 88CD58
- 88C261
- 87B769
- 86AC6F
- 85A174
- 849679
- 828B7D
Harmoni warna
Komplementer +180°
- 88EE22
Luxurious Lime
- E8BBFF
≈ Euphoria
Analog -30° +30°
- 88EE22
Luxurious Lime
- E3D300
≈ Citrine
- 00F3AF
≈ Greenish Turquoise
Triadik +120° +240°
- 88EE22
Luxurious Lime
- AED2FF
≈ Ice Cold Stare
- FFBABF
≈ Hard Candy
Split-komplementer +150° +210°
- 88EE22
Luxurious Lime
- C8C9FF
≈ Lavender Blue
- FFB4DF
≈ Hot Aquarelle Pink
Tetradik +90° +180° +270°
- 88EE22
Luxurious Lime
- 82DDFF
≈ Tranquil Pool
- E8BBFF
≈ Euphoria
- FFBEA2
≈ Sweet Apricot
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.46:1 · APCA Lc 22
Ag
AAADi atas hitam
WCAG 14.29:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
CSS
:root {
--luxurious-lime: #88ee22;
--luxurious-lime-rgb: 136 238 34;
--luxurious-lime-oklch: oklch(0.853 0.237 134.1);
}
.element {
color: var(--luxurious-lime);
background-color: hsl(90 86% 53%);
border-color: oklch(0.853 0.237 134.1);
}Tailwind CSS v4
@theme {
--color-luxurious-lime: #88ee22;
--color-luxurious-lime-50: #d7ffc2;
--color-luxurious-lime-100: #c4fbab;
--color-luxurious-lime-200: #a5eb82;
--color-luxurious-lime-300: #7bd14a;
--color-luxurious-lime-400: #5cba00;
--color-luxurious-lime-500: #2fa300;
--color-luxurious-lime-600: #2a8a00;
--color-luxurious-lime-700: #226e00;
--color-luxurious-lime-800: #1e5100;
--color-luxurious-lime-900: #133800;
--color-luxurious-lime-950: #052200;
}SCSS
$luxurious-lime: #88ee22;
$luxurious-lime-rgb: 136, 238, 34;
$luxurious-lime-light: mix(#fff, $luxurious-lime, 20%);
$luxurious-lime-dark: mix(#000, $luxurious-lime, 20%);
.element {
color: $luxurious-lime;
box-shadow: 0 0 0 2px rgba($luxurious-lime, 0.35);
}