Adlandırılmış renk · #24DA91
Reptile Green
Reptile Green, #24DA91: rgb(36 218 145), hsl(156 72% 50%), oklch(0.786 0.173 159.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Reptile Green color name →
#24DA91
oklch(0.786 0.173 159.5)
Renk dönüşümleri
- HEX
- #24da91
- RGB
- rgb(36 218 145)
- HSL
- hsl(156 72% 50%)
- HWB
- hwb(156 14% 15%)
- OKLCH
- oklch(0.786 0.173 159.5)
- OKLab
- oklab(0.786 -0.162 0.061)
- CIE Lab
- lab(77.5 -57.5 23.3)
- LCH
- lch(77.5 62.04 157.9)
- CMYK
- cmyk(83% 0% 33% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4FDE9C
- 6BE2A7
- 82E6B2
- 97EABD
- AAEEC8
- BCF2D3
- CDF5DE
- DEF9E9
- EFFCF4
Koyu tonlar
- 1EBD7D
- 18A26A
- 128758
- 0C6C46
- 075435
- 043C25
- 022515
- 001107
- 000201
Gri tonlar
- 3ED190
- 4FC88E
- 5ABF8D
- 64B68B
- 6BAD89
- 71A488
- 769B86
- 7A9284
- 7D8982
Renk uyumları
Tamamlayıcı +180°
- 24DA91
Reptile Green
- FF8ADC
≈ Pink Delight
Analog -30° +30°
- 24DA91
Reptile Green
- 95CE49
≈ Wicked Green
- 00D5CC
≈ Turquoise Panic
Üçlü +120° +240°
- 24DA91
Reptile Green
- ABB2FF
≈ Winterspring Lilac
- FF9C7A
≈ Creamy Orange Blush
Bölünmüş tamamlayıcı +150° +210°
- 24DA91
Reptile Green
- D59EFF
≈ Plasma Trail
- FF96A8
≈ Fight the Sunrise
Dörtlü +90° +180° +270°
- 24DA91
Reptile Green
- 7FBFFF
≈ Scenic Water
- FF8ADC
≈ Pink Delight
- FEA200
≈ Vivid Orange Peel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.51:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.51:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--reptile-green: #24da91;
--reptile-green-rgb: 36 218 145;
--reptile-green-oklch: oklch(0.786 0.173 159.5);
}
.element {
color: var(--reptile-green);
background-color: hsl(156 72% 50%);
border-color: oklch(0.786 0.173 159.5);
}Tailwind CSS v4
@theme {
--color-reptile-green: #24da91;
--color-reptile-green-50: #caffe6;
--color-reptile-green-100: #b4fad6;
--color-reptile-green-200: #8debbd;
--color-reptile-green-300: #55d29b;
--color-reptile-green-400: #00bc79;
--color-reptile-green-500: #00a65a;
--color-reptile-green-600: #008d4d;
--color-reptile-green-700: #00713d;
--color-reptile-green-800: #005329;
--color-reptile-green-900: #003a1b;
--color-reptile-green-950: #00240c;
}SCSS
$reptile-green: #24da91;
$reptile-green-rgb: 36, 218, 145;
$reptile-green-light: mix(#fff, $reptile-green, 20%);
$reptile-green-dark: mix(#000, $reptile-green, 20%);
.element {
color: $reptile-green;
box-shadow: 0 0 0 2px rgba($reptile-green, 0.35);
}