이름 색상 · #969565
Rhind Papyrus
Rhind Papyrus은(는) #969565: rgb(150 149 101), hsl(59 20% 49%), oklch(0.659 0.066 107.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Rhind Papyrus color name →
#969565
oklch(0.659 0.066 107.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A09F74
- AAAA83
- B4B492
- BFBEA1
- C9C9B1
- D4D4C0
- DEDED0
- E9E9DF
- F4F4EF
셰이드
- 828157
- 6E6D49
- 5B5A3C
- 49482F
- 373722
- 262617
- 16160C
- 080803
- 010100
톤
- 949368
- 91916B
- 8F8F6E
- 8D8D71
- 8B8B74
- 898976
- 868679
- 84847B
- 82827E
색 조화
보색 +180°
- 969565
Rhind Papyrus
- 8F8CB9
≈ Sweet Lavender
유사색 -30° +30°
- 969565
Rhind Papyrus
- A98D63
≈ Fossil Butte
- 7F9C74
≈ Amulet
삼각 배색 +120° +240°
- 969565
Rhind Papyrus
- 659AB2
≈ Yacht Blue
- B1829A
≈ Heather Violet
분열 보색 +150° +210°
- 969565
Rhind Papyrus
- 7894BB
≈ Ocean City
- A385AD
≈ Heather
사각 배색 +90° +180° +270°
- 969565
Rhind Papyrus
- 5E9FA0
≈ Bali Bliss
- 8F8CB9
≈ Sweet Lavender
- B78283
≈ Retro Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.78:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}