Nazwany kolor · #719E8A
Peahen
Peahen to #719E8A: rgb(113 158 138), hsl(153 19% 53%), oklch(0.661 0.057 165.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Peahen color name →
#719E8A
oklch(0.661 0.057 165.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7FA795
- 8DB1A0
- 9BBAAC
- A9C4B7
- B7CEC3
- C5D7CF
- D4E1DB
- E2EBE7
- F0F5F3
Odcienie ciemniejsze
- 618977
- 527465
- 436053
- 354D42
- 273A32
- 1A2922
- 0E1814
- 040907
- 010101
Tony
- 739B89
- 759888
- 779587
- 789286
- 7A8F85
- 7B8C84
- 7C8983
- 7E8682
- 7F8381
Harmonie kolorów
Komplementarna +180°
- 719E8A
Peahen
- AD859A
≈ Light Brown Drab
Analogowa -30° +30°
- 719E8A
Peahen
- 839B78
≈ Fallout Grey
- 689E9D
≈ Folk Song
Triada +120° +240°
- 719E8A
Peahen
- 8E8EB5
≈ Persian Violet
- B18875
≈ Caramel Brown
Komplementarna rozszczepiona +150° +210°
- 719E8A
Peahen
- A088AB
≈ Violet Eclipse
- B38587
≈ Retro Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.01:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.95:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.95:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
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);
}