Nazwany kolor · #24DA91
Reptile Green
Reptile Green to #24DA91: rgb(36 218 145), hsl(156 72% 50%), oklch(0.786 0.173 159.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Reptile Green color name →
#24DA91
oklch(0.786 0.173 159.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4FDE9C
- 6BE2A7
- 82E6B2
- 97EABD
- AAEEC8
- BCF2D3
- CDF5DE
- DEF9E9
- EFFCF4
Odcienie ciemniejsze
- 1EBD7D
- 18A26A
- 128758
- 0C6C46
- 075435
- 043C25
- 022515
- 001107
- 000201
Tony
- 3ED190
- 4FC88E
- 5ABF8D
- 64B68B
- 6BAD89
- 71A488
- 769B86
- 7A9284
- 7D8982
Harmonie kolorów
Komplementarna +180°
- 24DA91
Reptile Green
- FF8ADC
≈ Pink Delight
Analogowa -30° +30°
- 24DA91
Reptile Green
- 95CE49
≈ Wicked Green
- 00D5CC
≈ Turquoise Panic
Triada +120° +240°
- 24DA91
Reptile Green
- ABB2FF
≈ Winterspring Lilac
- FF9C7A
≈ Creamy Orange Blush
Komplementarna rozszczepiona +150° +210°
- 24DA91
Reptile Green
- D59EFF
≈ Plasma Trail
- FF96A8
≈ Fight the Sunrise
Tetrada +90° +180° +270°
- 24DA91
Reptile Green
- 7FBFFF
≈ Scenic Water
- FF8ADC
≈ Pink Delight
- FEA200
≈ Vivid Orange Peel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.51:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.51:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
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);
}