Adlandırılmış renk · #99D590
Dentist Green
Dentist Green, #99D590: rgb(153 213 144), hsl(112 45% 70%), oklch(0.815 0.113 141.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Dentist Green color name →
#99D590
oklch(0.815 0.113 141.3)
Renk dönüşümleri
- HEX
- #99d590
- RGB
- rgb(153 213 144)
- HSL
- hsl(112 45% 70%)
- HWB
- hwb(112 56% 16%)
- OKLCH
- oklch(0.815 0.113 141.3)
- OKLab
- oklab(0.815 -0.088 0.071)
- CIE Lab
- lab(79.89 -29.81 27.81)
- LCH
- lch(79.89 40.76 137)
- CMYK
- cmyk(28% 0% 32% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3D99B
- AEDEA6
- B8E2B2
- C2E6BD
- CCEAC8
- D7EFD3
- E1F3DE
- EBF7E9
- F5FBF4
Koyu tonlar
- 84B97D
- 709E6A
- 5D8357
- 4A6A45
- 385134
- 273A24
- 172415
- 081007
- 010201
Gri tonlar
- 97CC8F
- 95C48E
- 92BB8C
- 90B28B
- 8EAA89
- 8BA288
- 889986
- 869184
- 838882
Renk uyumları
Tamamlayıcı +180°
- 99D590
Dentist Green
- E4AAEF
≈ Petal Plush
Analog -30° +30°
- 99D590
Dentist Green
- C5CA70
≈ Gentle Dill
- 6CDAB9
≈ Beryl
Üçlü +120° +240°
- 99D590
Dentist Green
- A1C3FF
≈ Pastel Blue
- FFA7A5
≈ Upstream Salmon
Bölünmüş tamamlayıcı +150° +210°
- 99D590
Dentist Green
- C3B7FF
≈ Dried Lilac
- FBA4CB
≈ Taffy Pink
Dörtlü +90° +180° +270°
- 99D590
Dentist Green
- 6ED0FE
≈ Bubbly Barracuda
- E4AAEF
≈ Petal Plush
- FDAD7E
≈ Orange Chiffon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.71:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.27:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--dentist-green: #99d590;
--dentist-green-rgb: 153 213 144;
--dentist-green-oklch: oklch(0.815 0.113 141.3);
}
.element {
color: var(--dentist-green);
background-color: hsl(112 45% 70%);
border-color: oklch(0.815 0.113 141.3);
}Tailwind CSS v4
@theme {
--color-dentist-green: #99d590;
--color-dentist-green-50: #e3fee1;
--color-dentist-green-100: #d2f2d0;
--color-dentist-green-200: #b8e1b6;
--color-dentist-green-300: #95c792;
--color-dentist-green-400: #78af70;
--color-dentist-green-500: #59984f;
--color-dentist-green-600: #4c8144;
--color-dentist-green-700: #3c6736;
--color-dentist-green-800: #2d4c24;
--color-dentist-green-900: #1e3518;
--color-dentist-green-950: #0e2009;
}SCSS
$dentist-green: #99d590;
$dentist-green-rgb: 153, 213, 144;
$dentist-green-light: mix(#fff, $dentist-green, 20%);
$dentist-green-dark: mix(#000, $dentist-green, 20%);
.element {
color: $dentist-green;
box-shadow: 0 0 0 2px rgba($dentist-green, 0.35);
}