Adlandırılmış renk · #00FA92
Ahaetulla Prasina
Ahaetulla Prasina, #00FA92: rgb(0 250 146), hsl(155 100% 49%), oklch(0.865 0.214 155.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? → · Ahaetulla Prasina color name →
#00FA92
oklch(0.865 0.214 155.1)
Renk dönüşümleri
- HEX
- #00fa92
- RGB
- rgb(0 250 146)
- HSL
- hsl(155 100% 49%)
- HWB
- hwb(155 0% 2%)
- OKLCH
- oklch(0.865 0.214 155.1)
- OKLab
- oklab(0.865 -0.194 0.09)
- CIE Lab
- lab(87.13 -68.76 35.37)
- LCH
- lch(87.13 77.33 152.8)
- CMYK
- cmyk(100% 0% 42% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4DFB9E
- 6DFCA9
- 86FDB4
- 9BFEBF
- AEFECA
- C0FFD5
- D1FFDF
- E1FFEA
- F0FFF4
Koyu tonlar
- 00D97E
- 00BA6B
- 009B58
- 007D46
- 006135
- 004625
- 002D16
- 001508
- 000301
Gri tonlar
- 38EE91
- 4EE190
- 5CD58E
- 66C98D
- 6EBD8B
- 74B089
- 79A487
- 7C9885
- 7E8C82
Renk uyumları
Tamamlayıcı +180°
- 00FA92
Ahaetulla Prasina
- FFB8EF
≈ Pink Quartz
Analog -30° +30°
- 00FA92
Ahaetulla Prasina
- B3E918
≈ Sour Apple Candy
- 00F2E0
≈ Frozen Boubble
Üçlü +120° +240°
- 00FA92
Ahaetulla Prasina
- C6D0FF
≈ Lavender Blue
- FFC2B2
≈ Tropical Peach
Bölünmüş tamamlayıcı +150° +210°
- 00FA92
Ahaetulla Prasina
- DFC6FF
≈ Neon Boneyard
- FFBFCC
≈ Pink
Dörtlü +90° +180° +270°
- 00FA92
Ahaetulla Prasina
- ACD8FF
≈ Malmö FF
- FFB8EF
≈ Pink Quartz
- FFC68F
≈ Sicilian Villa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.08:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.08:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--ahaetulla-prasina: #00fa92;
--ahaetulla-prasina-rgb: 0 250 146;
--ahaetulla-prasina-oklch: oklch(0.865 0.214 155.1);
}
.element {
color: var(--ahaetulla-prasina);
background-color: hsl(155 100% 49%);
border-color: oklch(0.865 0.214 155.1);
}Tailwind CSS v4
@theme {
--color-ahaetulla-prasina: #00fa92;
--color-ahaetulla-prasina-50: #c2ffdd;
--color-ahaetulla-prasina-100: #aafecc;
--color-ahaetulla-prasina-200: #7ef0af;
--color-ahaetulla-prasina-300: #35d78a;
--color-ahaetulla-prasina-400: #00c162;
--color-ahaetulla-prasina-500: #00ab3d;
--color-ahaetulla-prasina-600: #009135;
--color-ahaetulla-prasina-700: #00742a;
--color-ahaetulla-prasina-800: #005518;
--color-ahaetulla-prasina-900: #003c10;
--color-ahaetulla-prasina-950: #002503;
}SCSS
$ahaetulla-prasina: #00fa92;
$ahaetulla-prasina-rgb: 0, 250, 146;
$ahaetulla-prasina-light: mix(#fff, $ahaetulla-prasina, 20%);
$ahaetulla-prasina-dark: mix(#000, $ahaetulla-prasina, 20%);
.element {
color: $ahaetulla-prasina;
box-shadow: 0 0 0 2px rgba($ahaetulla-prasina, 0.35);
}