Adlandırılmış renk · #88EE22
Luxurious Lime
Luxurious Lime, #88EE22: rgb(136 238 34), hsl(90 86% 53%), oklch(0.853 0.237 134.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Luxurious Lime color name →
#88EE22
oklch(0.853 0.237 134.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 95F04D
- A2F368
- AEF57F
- BAF794
- C6F9A7
- D2FABA
- DDFCCB
- E9FDDD
- F4FEEE
Koyu tonlar
- 75CF1C
- 63B116
- 529311
- 41770B
- 315C07
- 224203
- 132A01
- 061400
- 010300
Gri tonlar
- 88E33C
- 89D84C
- 88CD58
- 88C261
- 87B769
- 86AC6F
- 85A174
- 849679
- 828B7D
Renk uyumları
Tamamlayıcı +180°
- 88EE22
Luxurious Lime
- E8BBFF
≈ Euphoria
Analog -30° +30°
- 88EE22
Luxurious Lime
- E3D300
≈ Citrine
- 00F3AF
≈ Greenish Turquoise
Üçlü +120° +240°
- 88EE22
Luxurious Lime
- AED2FF
≈ Ice Cold Stare
- FFBABF
≈ Hard Candy
Bölünmüş tamamlayıcı +150° +210°
- 88EE22
Luxurious Lime
- C8C9FF
≈ Lavender Blue
- FFB4DF
≈ Hot Aquarelle Pink
Dörtlü +90° +180° +270°
- 88EE22
Luxurious Lime
- 82DDFF
≈ Tranquil Pool
- E8BBFF
≈ Euphoria
- FFBEA2
≈ Sweet Apricot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.29:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}