이름 색상 · #82856D
Simpson Surprise
Simpson Surprise은(는) #82856D: rgb(130 133 109), hsl(68 10% 47%), oklch(0.607 0.035 113.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Simpson Surprise color name →
#82856D
oklch(0.607 0.035 113.2)
색상 변환
- HEX
- #82856d
- RGB
- rgb(130 133 109)
- HSL
- hsl(68 10% 47%)
- HWB
- hwb(68 43% 48%)
- OKLCH
- oklch(0.607 0.035 113.2)
- OKLab
- oklab(0.607 -0.014 0.032)
- CIE Lab
- lab(54.77 -4.44 12.61)
- LCH
- lch(54.77 13.37 109.4)
- CMYK
- cmyk(2% 0% 18% 48%)
틴트 · 셰이드 · 톤
틴트
- 8E917B
- 9A9C89
- A6A897
- B2B4A5
- BFC0B4
- CBCDC2
- D8D9D1
- E5E6E0
- F2F2F0
셰이드
- 70735E
- 5F614F
- 4E5041
- 3E4033
- 2F3026
- 202119
- 12130D
- 060604
- 010101
톤
- 82856F
- 828471
- 818473
- 818375
- 818377
- 818279
- 81827A
- 80817C
- 80817E
색 조화
보색 +180°
- 82856D
Simpson Surprise
- 837F96
≈ Dusky Grape
유사색 -30° +30°
- 82856D
Simpson Surprise
- 8D816B
≈ Meadow Trail
- 768875
≈ Privet
삼각 배색 +120° +240°
- 82856D
Simpson Surprise
- 6E8694
≈ South Pacific
- 947A84
≈ Mulberry Wine
분열 보색 +150° +210°
- 82856D
Simpson Surprise
- 778398
≈ Tempest
- 8D7C8F
≈ Iced Orchid
사각 배색 +90° +180° +270°
- 82856D
Simpson Surprise
- 6A898C
≈ Overgrown Trellis
- 837F96
≈ Dusky Grape
- 977B78
≈ Mushroom Basket
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.80:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.52:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--simpson-surprise: #82856d;
--simpson-surprise-rgb: 130 133 109;
--simpson-surprise-oklch: oklch(0.607 0.035 113.2);
}
.element {
color: var(--simpson-surprise);
background-color: hsl(68 10% 47%);
border-color: oklch(0.607 0.035 113.2);
}Tailwind CSS v4
@theme {
--color-simpson-surprise: #82856d;
--color-simpson-surprise-50: #f4f7eb;
--color-simpson-surprise-100: #e7e9dc;
--color-simpson-surprise-200: #d3d6c6;
--color-simpson-surprise-300: #b6baa6;
--color-simpson-surprise-400: #9ea18a;
--color-simpson-surprise-500: #86896e;
--color-simpson-surprise-600: #71745e;
--color-simpson-surprise-700: #5b5d4b;
--color-simpson-surprise-800: #434436;
--color-simpson-surprise-900: #2e2f25;
--color-simpson-surprise-950: #1b1b13;
}SCSS
$simpson-surprise: #82856d;
$simpson-surprise-rgb: 130, 133, 109;
$simpson-surprise-light: mix(#fff, $simpson-surprise, 20%);
$simpson-surprise-dark: mix(#000, $simpson-surprise, 20%);
.element {
color: $simpson-surprise;
box-shadow: 0 0 0 2px rgba($simpson-surprise, 0.35);
}