Adlandırılmış renk · #719E8A
Peahen
Peahen, #719E8A: rgb(113 158 138), hsl(153 19% 53%), oklch(0.661 0.057 165.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Peahen color name →
#719E8A
oklch(0.661 0.057 165.4)
Renk dönüşümleri
- HEX
- #719e8a
- RGB
- rgb(113 158 138)
- HSL
- hsl(153 19% 53%)
- HWB
- hwb(153 44% 38%)
- OKLCH
- oklch(0.661 0.057 165.4)
- OKLab
- oklab(0.661 -0.055 0.014)
- CIE Lab
- lab(61.42 -19.16 5.34)
- LCH
- lch(61.42 19.89 164.4)
- CMYK
- cmyk(28% 0% 13% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7FA795
- 8DB1A0
- 9BBAAC
- A9C4B7
- B7CEC3
- C5D7CF
- D4E1DB
- E2EBE7
- F0F5F3
Koyu tonlar
- 618977
- 527465
- 436053
- 354D42
- 273A32
- 1A2922
- 0E1814
- 040907
- 010101
Gri tonlar
- 739B89
- 759888
- 779587
- 789286
- 7A8F85
- 7B8C84
- 7C8983
- 7E8682
- 7F8381
Renk uyumları
Tamamlayıcı +180°
- 719E8A
Peahen
- AD859A
≈ Light Brown Drab
Analog -30° +30°
- 719E8A
Peahen
- 839B78
≈ Fallout Grey
- 689E9D
≈ Folk Song
Üçlü +120° +240°
- 719E8A
Peahen
- 8E8EB5
≈ Persian Violet
- B18875
≈ Caramel Brown
Bölünmüş tamamlayıcı +150° +210°
- 719E8A
Peahen
- A088AB
≈ Violet Eclipse
- B38587
≈ Retro Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.01:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.95:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.95:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--peahen: #719e8a;
--peahen-rgb: 113 158 138;
--peahen-oklch: oklch(0.661 0.057 165.4);
}
.element {
color: var(--peahen);
background-color: hsl(153 19% 53%);
border-color: oklch(0.661 0.057 165.4);
}Tailwind CSS v4
@theme {
--color-peahen: #719e8a;
--color-peahen-50: #e6fbf2;
--color-peahen-100: #d7eee4;
--color-peahen-200: #beddcf;
--color-peahen-300: #9cc1b1;
--color-peahen-400: #7faa96;
--color-peahen-500: #61937d;
--color-peahen-600: #527c6a;
--color-peahen-700: #426355;
--color-peahen-800: #30493d;
--color-peahen-900: #20322a;
--color-peahen-950: #101e17;
}SCSS
$peahen: #719e8a;
$peahen-rgb: 113, 158, 138;
$peahen-light: mix(#fff, $peahen, 20%);
$peahen-dark: mix(#000, $peahen, 20%);
.element {
color: $peahen;
box-shadow: 0 0 0 2px rgba($peahen, 0.35);
}