En yakın adlandırılmış renk · #009986
#009986
En yakın adlandırılmış renk: Green Dynasty
#009986 (rgb(0 153 134), hsl(173 100% 30%), oklch(0.612 0.111 179.8)) en çok Green Dynasty adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#009986
oklch(0.612 0.111 179.8)
Renk dönüşümleri
- HEX
- #009986
- RGB
- rgb(0 153 134)
- HSL
- hsl(173 100% 30%)
- HWB
- hwb(173 0% 40%)
- OKLCH
- oklch(0.612 0.111 179.8)
- OKLab
- oklab(0.612 -0.111 0)
- CIE Lab
- lab(56.37 -39.03 -0.17)
- LCH
- lch(56.37 39.03 180.2)
- CMYK
- cmyk(100% 0% 12% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A391
- 55AD9D
- 6DB8A9
- 84C2B5
- 99CCC1
- AED6CD
- C2E0D9
- D6EBE6
- EBF5F2
Koyu tonlar
- 008474
- 007062
- 005D51
- 004A40
- 003830
- 002721
- 001713
- 000806
- 000101
Gri tonlar
- 289785
- 3A9485
- 479284
- 529084
- 5C8D83
- 648B82
- 6C8882
- 738581
- 7A8381
Renk uyumları
Tamamlayıcı +180°
- 009986
Green Dynasty
- B96681
≈ Raspberry Parfait
Analog -30° +30°
- 009986
Green Dynasty
- 4E965F
≈ Ineffable Forest
- 0094A6
≈ Brilliant
Üçlü +120° +240°
- 009986
Green Dynasty
- 8E73BC
≈ Middle Blue Purple
- B47238
≈ Saucy Gold
Bölünmüş tamamlayıcı +150° +210°
- 009986
Green Dynasty
- A96AA4
≈ Iris Orchid
- BD685B
≈ Tapestry Red
Dörtlü +90° +180° +270°
- 009986
Green Dynasty
- 6A80C7
≈ Persian Jewel
- B96681
≈ Raspberry Parfait
- 9E8025
≈ Hacienda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.55:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.90:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-dynasty: #009986;
--green-dynasty-rgb: 0 153 134;
--green-dynasty-oklch: oklch(0.612 0.111 179.8);
}
.element {
color: var(--green-dynasty);
background-color: hsl(173 100% 30%);
border-color: oklch(0.612 0.111 179.8);
}Tailwind CSS v4
@theme {
--color-green-dynasty: #009986;
--color-green-dynasty-50: #d3fff7;
--color-green-dynasty-100: #c0f5ea;
--color-green-dynasty-200: #9ee4d8;
--color-green-dynasty-300: #71cabb;
--color-green-dynasty-400: #43b4a1;
--color-green-dynasty-500: #009d89;
--color-green-dynasty-600: #008574;
--color-green-dynasty-700: #006b5d;
--color-green-dynasty-800: #004f42;
--color-green-dynasty-900: #00372e;
--color-green-dynasty-950: #00211a;
}SCSS
$green-dynasty: #009986;
$green-dynasty-rgb: 0, 153, 134;
$green-dynasty-light: mix(#fff, $green-dynasty, 20%);
$green-dynasty-dark: mix(#000, $green-dynasty, 20%);
.element {
color: $green-dynasty;
box-shadow: 0 0 0 2px rgba($green-dynasty, 0.35);
}