En yakın adlandırılmış renk · #00C495
#00C495
En yakın adlandırılmış renk: Macau
#00C495 (rgb(0 196 149), hsl(166 100% 38%), oklch(0.728 0.148 167.9)) en çok Macau 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.
#00C495
oklch(0.728 0.148 167.9)
Renk dönüşümleri
- HEX
- #00c495
- RGB
- rgb(0 196 149)
- HSL
- hsl(166 100% 38%)
- HWB
- hwb(166 0% 23%)
- OKLCH
- oklch(0.728 0.148 167.9)
- OKLab
- oklab(0.728 -0.144 0.031)
- CIE Lab
- lab(70.45 -51.45 11.54)
- LCH
- lch(70.45 52.73 167.4)
- CMYK
- cmyk(100% 0% 24% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 42CA9F
- 60D0AA
- 79D7B4
- 8EDDBE
- A3E3C9
- B6E8D4
- C9EEDE
- DBF4E9
- EDF9F4
Koyu tonlar
- 00AA81
- 00916D
- 00785A
- 006148
- 004A37
- 003526
- 002116
- 000E08
- 000201
Gri tonlar
- 30BD93
- 43B791
- 51B08F
- 5CA98D
- 64A28B
- 6C9C89
- 729586
- 778E84
- 7C8782
Renk uyumları
Tamamlayıcı +180°
- 00C495
Macau
- E97EB8
≈ Fuchsia Blush
Analog -30° +30°
- 00C495
Macau
- 77BD5D
≈ Green Pear
- 00BEC3
≈ Maximum Blue Green
Üçlü +120° +240°
- 00C495
Macau
- A396FE
≈ Cobalite
- F1874D
≈ Crusta
Bölünmüş tamamlayıcı +150° +210°
- 00C495
Macau
- CD87E3
≈ Blush Essence
- F67D84
≈ Momo Peach
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.32:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--macau: #00c495;
--macau-rgb: 0 196 149;
--macau-oklch: oklch(0.728 0.148 167.9);
}
.element {
color: var(--macau);
background-color: hsl(166 100% 38%);
border-color: oklch(0.728 0.148 167.9);
}Tailwind CSS v4
@theme {
--color-macau: #00c495;
--color-macau-50: #ccffef;
--color-macau-100: #b7f9e0;
--color-macau-200: #91e9ca;
--color-macau-300: #5cd0ac;
--color-macau-400: #0cba8d;
--color-macau-500: #00a473;
--color-macau-600: #008a61;
--color-macau-700: #006f4e;
--color-macau-800: #005236;
--color-macau-900: #003925;
--color-macau-950: #002314;
}SCSS
$macau: #00c495;
$macau-rgb: 0, 196, 149;
$macau-light: mix(#fff, $macau, 20%);
$macau-dark: mix(#000, $macau, 20%);
.element {
color: $macau;
box-shadow: 0 0 0 2px rgba($macau, 0.35);
}