Nazwany kolor · #9E9F7D
French Pear
French Pear to #9E9F7D: rgb(158 159 125), hsl(62 15% 56%), oklch(0.693 0.048 109). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · French Pear color name →
#9E9F7D
oklch(0.693 0.048 109)
Konwersje koloru
- HEX
- #9e9f7d
- RGB
- rgb(158 159 125)
- HSL
- hsl(62 15% 56%)
- HWB
- hwb(62 49% 38%)
- OKLCH
- oklch(0.693 0.048 109)
- OKLab
- oklab(0.693 -0.015 0.045)
- CIE Lab
- lab(64.73 -4.72 17.71)
- LCH
- lch(64.73 18.33 104.9)
- CMYK
- cmyk(1% 0% 21% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7A88A
- B1B296
- BABBA3
- C4C5B0
- CDCEBD
- D7D8CA
- E1E1D7
- EBEBE4
- F5F5F1
Odcienie ciemniejsze
- 898A6C
- 74755B
- 60614B
- 4D4D3B
- 3A3B2C
- 29291E
- 181811
- 090905
- 010101
Tony
- 9B9C7D
- 98997E
- 95967E
- 92937F
- 8F8F7F
- 8C8C7F
- 898980
- 868680
- 838380
Harmonie kolorów
Komplementarna +180°
- 9E9F7D
French Pear
- 9B98B9
≈ Tusi Grey
Analogowa -30° +30°
- 9E9F7D
French Pear
- AC997B
≈ Smallmouth Bass
- 8EA487
≈ Sonoma Sage
Triada +120° +240°
- 9E9F7D
French Pear
- 7EA2B4
≈ Lake Winnipeg
- B491A1
≈ Ashberry
Komplementarna rozszczepiona +150° +210°
- 9E9F7D
French Pear
- 8B9DBA
≈ Forever Blue
- A993AF
≈ Knight’s Tale
Tetrada +90° +180° +270°
- 9E9F7D
French Pear
- 79A6A7
≈ Cresting Waves
- 9B98B9
≈ Tusi Grey
- B89190
≈ Cherry Taupe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.72:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.70:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--french-pear: #9e9f7d;
--french-pear-rgb: 158 159 125;
--french-pear-oklch: oklch(0.693 0.048 109);
}
.element {
color: var(--french-pear);
background-color: hsl(62 15% 56%);
border-color: oklch(0.693 0.048 109);
}Tailwind CSS v4
@theme {
--color-french-pear: #9e9f7d;
--color-french-pear-50: #f5f7e7;
--color-french-pear-100: #e8ead8;
--color-french-pear-200: #d5d7c0;
--color-french-pear-300: #b8ba9e;
--color-french-pear-400: #a0a181;
--color-french-pear-500: #888964;
--color-french-pear-600: #737455;
--color-french-pear-700: #5c5d44;
--color-french-pear-800: #444430;
--color-french-pear-900: #2f2f21;
--color-french-pear-950: #1c1b10;
}SCSS
$french-pear: #9e9f7d;
$french-pear-rgb: 158, 159, 125;
$french-pear-light: mix(#fff, $french-pear, 20%);
$french-pear-dark: mix(#000, $french-pear, 20%);
.element {
color: $french-pear;
box-shadow: 0 0 0 2px rgba($french-pear, 0.35);
}