Nazwany kolor · #969565
Rhind Papyrus
Rhind Papyrus to #969565: rgb(150 149 101), hsl(59 20% 49%), oklch(0.659 0.066 107.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Rhind Papyrus color name →
#969565
oklch(0.659 0.066 107.1)
Konwersje koloru
- HEX
- #969565
- RGB
- rgb(150 149 101)
- HSL
- hsl(59 20% 49%)
- HWB
- hwb(59 40% 41%)
- OKLCH
- oklch(0.659 0.066 107.1)
- OKLab
- oklab(0.659 -0.019 0.063)
- CIE Lab
- lab(60.89 -5.37 25.56)
- LCH
- lch(60.89 26.12 101.9)
- CMYK
- cmyk(0% 1% 33% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A09F74
- AAAA83
- B4B492
- BFBEA1
- C9C9B1
- D4D4C0
- DEDED0
- E9E9DF
- F4F4EF
Odcienie ciemniejsze
- 828157
- 6E6D49
- 5B5A3C
- 49482F
- 373722
- 262617
- 16160C
- 080803
- 010100
Tony
- 949368
- 91916B
- 8F8F6E
- 8D8D71
- 8B8B74
- 898976
- 868679
- 84847B
- 82827E
Harmonie kolorów
Komplementarna +180°
- 969565
Rhind Papyrus
- 8F8CB9
≈ Sweet Lavender
Analogowa -30° +30°
- 969565
Rhind Papyrus
- A98D63
≈ Fossil Butte
- 7F9C74
≈ Amulet
Triada +120° +240°
- 969565
Rhind Papyrus
- 659AB2
≈ Yacht Blue
- B1829A
≈ Heather Violet
Komplementarna rozszczepiona +150° +210°
- 969565
Rhind Papyrus
- 7894BB
≈ Ocean City
- A385AD
≈ Heather
Tetrada +90° +180° +270°
- 969565
Rhind Papyrus
- 5E9FA0
≈ Bali Bliss
- 8F8CB9
≈ Sweet Lavender
- B78283
≈ Retro Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.09:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.78:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--rhind-papyrus: #969565;
--rhind-papyrus-rgb: 150 149 101;
--rhind-papyrus-oklch: oklch(0.659 0.066 107.1);
}
.element {
color: var(--rhind-papyrus);
background-color: hsl(59 20% 49%);
border-color: oklch(0.659 0.066 107.1);
}Tailwind CSS v4
@theme {
--color-rhind-papyrus: #969565;
--color-rhind-papyrus-50: #f6f7e2;
--color-rhind-papyrus-100: #e9ead1;
--color-rhind-papyrus-200: #d6d7b7;
--color-rhind-papyrus-300: #b9bb94;
--color-rhind-papyrus-400: #a2a274;
--color-rhind-papyrus-500: #8b8955;
--color-rhind-papyrus-600: #757448;
--color-rhind-papyrus-700: #5e5d39;
--color-rhind-papyrus-800: #464428;
--color-rhind-papyrus-900: #302f1b;
--color-rhind-papyrus-950: #1c1b0b;
}SCSS
$rhind-papyrus: #969565;
$rhind-papyrus-rgb: 150, 149, 101;
$rhind-papyrus-light: mix(#fff, $rhind-papyrus, 20%);
$rhind-papyrus-dark: mix(#000, $rhind-papyrus, 20%);
.element {
color: $rhind-papyrus;
box-shadow: 0 0 0 2px rgba($rhind-papyrus, 0.35);
}