Nazwany kolor · #70775C
Egyptian Nile
Egyptian Nile to #70775C: rgb(112 119 92), hsl(76 13% 41%), oklch(0.556 0.041 119.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Egyptian Nile color name →
#70775C
oklch(0.556 0.041 119.6)
Konwersje koloru
- HEX
- #70775c
- RGB
- rgb(112 119 92)
- HSL
- hsl(76 13% 41%)
- HWB
- hwb(76 36% 53%)
- OKLCH
- oklch(0.556 0.041 119.6)
- OKLab
- oklab(0.556 -0.02 0.036)
- CIE Lab
- lab(48.86 -6.52 13.99)
- LCH
- lch(48.86 15.43 115)
- CMYK
- cmyk(6% 0% 23% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D846B
- 8B917B
- 999E8A
- A7AB9A
- B5B9AA
- C3C7BB
- D2D4CC
- E1E2DC
- F0F1EE
Odcienie ciemniejsze
- 60674F
- 515742
- 434736
- 35382A
- 272A1F
- 1A1C14
- 0E100A
- 040503
- 010100
Tony
- 727860
- 737963
- 757A67
- 767B6B
- 787C6E
- 7A7C72
- 7B7D75
- 7D7E79
- 7E7F7C
Harmonie kolorów
Komplementarna +180°
- 70775C
Egyptian Nile
- 766E88
≈ Capercaillie Mauve
Analogowa -30° +30°
- 70775C
Egyptian Nile
- 7D7258
≈ Colusa Wetlands
- 637A66
≈ Swanndri
Triada +120° +240°
- 70775C
Egyptian Nile
- 5D7789
≈ Ocean Shadow
- 886972
≈ Grape Shake
Komplementarna rozszczepiona +150° +210°
- 70775C
Egyptian Nile
- 69738C
≈ Deep Larkspur
- 816B7F
≈ Parma Grey
Tetrada +90° +180° +270°
- 70775C
Egyptian Nile
- 577A80
≈ Sultry Bay
- 766E88
≈ Capercaillie Mauve
- 8A6B65
≈ Western Clay
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.68:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.48:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--egyptian-nile: #70775c;
--egyptian-nile-rgb: 112 119 92;
--egyptian-nile-oklch: oklch(0.556 0.041 119.6);
}
.element {
color: var(--egyptian-nile);
background-color: hsl(76 13% 41%);
border-color: oklch(0.556 0.041 119.6);
}Tailwind CSS v4
@theme {
--color-egyptian-nile: #70775c;
--color-egyptian-nile-50: #f3f7ea;
--color-egyptian-nile-100: #e5eadb;
--color-egyptian-nile-200: #d1d7c4;
--color-egyptian-nile-300: #b4bba4;
--color-egyptian-nile-400: #9ba287;
--color-egyptian-nile-500: #838a6c;
--color-egyptian-nile-600: #6f755c;
--color-egyptian-nile-700: #585e49;
--color-egyptian-nile-800: #414434;
--color-egyptian-nile-900: #2d2f24;
--color-egyptian-nile-950: #1a1c13;
}SCSS
$egyptian-nile: #70775c;
$egyptian-nile-rgb: 112, 119, 92;
$egyptian-nile-light: mix(#fff, $egyptian-nile, 20%);
$egyptian-nile-dark: mix(#000, $egyptian-nile, 20%);
.element {
color: $egyptian-nile;
box-shadow: 0 0 0 2px rgba($egyptian-nile, 0.35);
}