En yakın adlandırılmış renk · #009C92
#009C92
En yakın adlandırılmış renk: Green Dynasty
#009C92 (rgb(0 156 146), hsl(176 100% 31%), oklch(0.624 0.109 186.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.
#009C92
oklch(0.624 0.109 186.8)
Renk dönüşümleri
- HEX
- #009c92
- RGB
- rgb(0 156 146)
- HSL
- hsl(176 100% 31%)
- HWB
- hwb(176 0% 39%)
- OKLCH
- oklch(0.624 0.109 186.8)
- OKLab
- oklab(0.624 -0.108 -0.013)
- CIE Lab
- lab(57.63 -37.48 -5.11)
- LCH
- lch(57.63 37.82 187.8)
- CMYK
- cmyk(100% 0% 6% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A69C
- 56B0A7
- 6EBAB2
- 85C4BC
- 9ACDC7
- AED7D2
- C3E1DD
- D7EBE8
- EBF5F4
Koyu tonlar
- 00877E
- 00736B
- 005F58
- 004C46
- 003935
- 002825
- 001816
- 000908
- 000101
Gri tonlar
- 299990
- 3B978E
- 48948D
- 53918B
- 5D8F89
- 658C87
- 6D8985
- 748684
- 7A8382
Renk uyumları
Tamamlayıcı +180°
- 009C92
Green Dynasty
- BE6A7C
≈ Pink Manhattan
Analog -30° +30°
- 009C92
Green Dynasty
- 479B6C
≈ Solitary Tree
- 0E97B2
≈ Tropical Lagoon
Üçlü +120° +240°
- 009C92
Green Dynasty
- 9875BB
≈ Purple Pride
- B37937
≈ Durian
Bölünmüş tamamlayıcı +150° +210°
- 009C92
Green Dynasty
- B16D9F
≈ Mulberry Bush
- BF6E57
≈ Before Winter
Dörtlü +90° +180° +270°
- 009C92
Green Dynasty
- 7780C8
≈ Twilight Twinkle
- BE6A7C
≈ Pink Manhattan
- 9A872E
≈ Green Sulphur
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.40:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.17:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.17:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-dynasty: #009c92;
--green-dynasty-rgb: 0 156 146;
--green-dynasty-oklch: oklch(0.624 0.109 186.8);
}
.element {
color: var(--green-dynasty);
background-color: hsl(176 100% 31%);
border-color: oklch(0.624 0.109 186.8);
}Tailwind CSS v4
@theme {
--color-green-dynasty: #009c92;
--color-green-dynasty-50: #d3fffb;
--color-green-dynasty-100: #bff4ef;
--color-green-dynasty-200: #9de4dd;
--color-green-dynasty-300: #70cac2;
--color-green-dynasty-400: #3fb3a9;
--color-green-dynasty-500: #009d92;
--color-green-dynasty-600: #00847b;
--color-green-dynasty-700: #006a63;
--color-green-dynasty-800: #004e47;
--color-green-dynasty-900: #003631;
--color-green-dynasty-950: #00211d;
}SCSS
$green-dynasty: #009c92;
$green-dynasty-rgb: 0, 156, 146;
$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);
}