Adlandırılmış renk · #4DA48B
Corrosion Green
Corrosion Green, #4DA48B: rgb(77 164 139), hsl(163 36% 47%), oklch(0.658 0.093 172.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Corrosion Green color name →
#4DA48B
oklch(0.658 0.093 172.1)
Renk dönüşümleri
- HEX
- #4da48b
- RGB
- rgb(77 164 139)
- HSL
- hsl(163 36% 47%)
- HWB
- hwb(163 30% 36%)
- OKLCH
- oklch(0.658 0.093 172.1)
- OKLab
- oklab(0.658 -0.092 0.013)
- CIE Lab
- lab(61.51 -32.18 4.63)
- LCH
- lch(61.51 32.51 171.8)
- CMYK
- cmyk(53% 0% 15% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 61AD96
- 74B6A1
- 86BFAC
- 98C8B8
- A9D1C3
- BBDACF
- CCE3DB
- DDEDE7
- EEF6F3
Koyu tonlar
- 428E78
- 377966
- 2C6454
- 225043
- 183D32
- 0F2B23
- 071A14
- 020A07
- 000101
Gri tonlar
- 55A08A
- 5C9D89
- 629988
- 679687
- 6C9286
- 718F84
- 758B83
- 798782
- 7D8481
Renk uyumları
Tamamlayıcı +180°
- 4DA48B
Corrosion Green
- BE7997
≈ Benifuji
Analog -30° +30°
- 4DA48B
Corrosion Green
- 70A06B
≈ Blackthorn Green
- 3CA2AA
≈ Marlin Green
Üçlü +120° +240°
- 4DA48B
Corrosion Green
- 9387C6
≈ Amethyst Grey
- BF815B
≈ Sundial
Bölünmüş tamamlayıcı +150° +210°
- 4DA48B
Corrosion Green
- AC7EB3
≈ Berries Galore
- C47A78
≈ Antique Pink
Dörtlü +90° +180° +270°
- 4DA48B
Corrosion Green
- 7292CB
≈ Organza Violet
- BE7997
≈ Benifuji
- AE8C4B
≈ Golden Years
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.00:1 · APCA Lc 56
Ag
AASiyah üzerinde
WCAG 6.99:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--corrosion-green: #4da48b;
--corrosion-green-rgb: 77 164 139;
--corrosion-green-oklch: oklch(0.658 0.093 172.1);
}
.element {
color: var(--corrosion-green);
background-color: hsl(163 36% 47%);
border-color: oklch(0.658 0.093 172.1);
}Tailwind CSS v4
@theme {
--color-corrosion-green: #4da48b;
--color-corrosion-green-50: #dbfef3;
--color-corrosion-green-100: #c9f3e5;
--color-corrosion-green-200: #abe2d1;
--color-corrosion-green-300: #84c7b4;
--color-corrosion-green-400: #60b098;
--color-corrosion-green-500: #349a7f;
--color-corrosion-green-600: #2e826c;
--color-corrosion-green-700: #256856;
--color-corrosion-green-800: #1a4d3d;
--color-corrosion-green-900: #11352a;
--color-corrosion-green-950: #032018;
}SCSS
$corrosion-green: #4da48b;
$corrosion-green-rgb: 77, 164, 139;
$corrosion-green-light: mix(#fff, $corrosion-green, 20%);
$corrosion-green-dark: mix(#000, $corrosion-green, 20%);
.element {
color: $corrosion-green;
box-shadow: 0 0 0 2px rgba($corrosion-green, 0.35);
}