이름 색상 · #995555
Brown Cerberus
Brown Cerberus은(는) #995555: rgb(153 85 85), hsl(0 29% 47%), oklch(0.529 0.09 20.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Brown Cerberus color name →
#995555
oklch(0.529 0.09 20.6)
색상 변환
- HEX
- #995555
- RGB
- rgb(153 85 85)
- HSL
- hsl(0 29% 47%)
- HWB
- hwb(0 33% 40%)
- OKLCH
- oklch(0.529 0.09 20.6)
- OKLab
- oklab(0.529 0.085 0.032)
- CIE Lab
- lab(44.45 28.8 13.06)
- LCH
- lch(44.45 31.63 24.4)
- CMYK
- cmyk(0% 44% 44% 40%)
틴트 · 셰이드 · 톤
틴트
- A46565
- AF7675
- B98685
- C49795
- CEA8A6
- D8B9B8
- E2CAC9
- ECDBDB
- F5EDED
셰이드
- 844949
- 703D3D
- 5D3131
- 4A2626
- 381C1C
- 271111
- 170808
- 080202
- 010000
톤
- 975A59
- 955E5E
- 936362
- 916766
- 8F6C6A
- 8C706F
- 897473
- 877877
- 837C7C
색 조화
보색 +180°
- 995555
Brown Cerberus
- 007B80
≈ Tobernite
유사색 -30° +30°
- 995555
Brown Cerberus
- 935572
≈ Grandeur Plum
- 955B39
≈ Coconut
삼각 배색 +120° +240°
- 995555
Brown Cerberus
- 4E7846
≈ Mana Tree
- 4D6BA0
≈ San Marino
분열 보색 +150° +210°
- 995555
Brown Cerberus
- 257C64
≈ Pinehurst
- 267596
≈ Devil Blue
사각 배색 +90° +180° +270°
- 995555
Brown Cerberus
- 6E702C
≈ Aged Mustard Green
- 007B80
≈ Tobernite
- 6B629C
≈ Scampi
대비 및 접근성
Ag
AA흰색 위
WCAG 5.54:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.78:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--brown-cerberus: #995555;
--brown-cerberus-rgb: 153 85 85;
--brown-cerberus-oklch: oklch(0.529 0.09 20.6);
}
.element {
color: var(--brown-cerberus);
background-color: hsl(0 29% 47%);
border-color: oklch(0.529 0.09 20.6);
}Tailwind CSS v4
@theme {
--color-brown-cerberus: #995555;
--color-brown-cerberus-50: #ffece9;
--color-brown-cerberus-100: #ffddda;
--color-brown-cerberus-200: #f9c6c3;
--color-brown-cerberus-300: #e2a6a2;
--color-brown-cerberus-400: #cf8988;
--color-brown-cerberus-500: #bb6d6c;
--color-brown-cerberus-600: #9e5c5c;
--color-brown-cerberus-700: #7f4a49;
--color-brown-cerberus-800: #5e3536;
--color-brown-cerberus-900: #422425;
--color-brown-cerberus-950: #2a1314;
}SCSS
$brown-cerberus: #995555;
$brown-cerberus-rgb: 153, 85, 85;
$brown-cerberus-light: mix(#fff, $brown-cerberus, 20%);
$brown-cerberus-dark: mix(#000, $brown-cerberus, 20%);
.element {
color: $brown-cerberus;
box-shadow: 0 0 0 2px rgba($brown-cerberus, 0.35);
}