Adlandırılmış renk · #2BAE66
Island Green
Island Green, #2BAE66: rgb(43 174 102), hsl(147 60% 43%), oklch(0.665 0.154 153.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Island Green color name →
#2BAE66
oklch(0.665 0.154 153.9)
Renk dönüşümleri
- HEX
- #2bae66
- RGB
- rgb(43 174 102)
- HSL
- hsl(147 60% 43%)
- HWB
- hwb(147 17% 32%)
- OKLCH
- oklch(0.665 0.154 153.9)
- OKLab
- oklab(0.665 -0.138 0.068)
- CIE Lab
- lab(63.08 -48.62 26.61)
- LCH
- lch(63.08 55.43 151.3)
- CMYK
- cmyk(75% 0% 41% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4BB675
- 64BF84
- 7AC793
- 8ECFA2
- A1D7B1
- B5DFC1
- C7E7D0
- DAEFE0
- EDF7EF
Koyu tonlar
- 249758
- 1D804A
- 166A3C
- 10552F
- 0A4123
- 052E17
- 021C0C
- 010B04
- 000100
Gri tonlar
- 3DAA69
- 49A56C
- 54A16F
- 5D9C72
- 649874
- 6B9377
- 718E79
- 768A7C
- 7B857E
Renk uyumları
Tamamlayıcı +180°
- 2BAE66
Island Green
- CA6CBA
≈ Gulābī Pink
Analog -30° +30°
- 2BAE66
Island Green
- 81A221
≈ Spring Vegetables
- 00AB9C
≈ Tropical Hideaway
Üçlü +120° +240°
- 2BAE66
Island Green
- 778AF1
≈ Punch Out Glove
- E16B51
≈ Dusty Orange
Bölünmüş tamamlayıcı +150° +210°
- 2BAE66
Island Green
- A879DF
≈ Lavender Blossom
- DE6689
≈ Surfer Girl
Dörtlü +90° +180° +270°
- 2BAE66
Island Green
- 219BEA
≈ Out of the Blue
- CA6CBA
≈ Gulābī Pink
- D27C00
≈ Autumn Leaf Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.85:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.34:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.34:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--island-green: #2bae66;
--island-green-rgb: 43 174 102;
--island-green-oklch: oklch(0.665 0.154 153.9);
}
.element {
color: var(--island-green);
background-color: hsl(147 60% 43%);
border-color: oklch(0.665 0.154 153.9);
}Tailwind CSS v4
@theme {
--color-island-green: #2bae66;
--color-island-green-50: #d3ffe3;
--color-island-green-100: #bff8d3;
--color-island-green-200: #9de8b9;
--color-island-green-300: #70cf96;
--color-island-green-400: #44b873;
--color-island-green-500: #00a253;
--color-island-green-600: #008947;
--color-island-green-700: #006e39;
--color-island-green-800: #015126;
--color-island-green-900: #033819;
--color-island-green-950: #00230a;
}SCSS
$island-green: #2bae66;
$island-green-rgb: 43, 174, 102;
$island-green-light: mix(#fff, $island-green, 20%);
$island-green-dark: mix(#000, $island-green, 20%);
.element {
color: $island-green;
box-shadow: 0 0 0 2px rgba($island-green, 0.35);
}