이름 색상 · #550000
Soooo Bloody
Soooo Bloody은(는) #550000: rgb(85 0 0), hsl(0 100% 17%), oklch(0.282 0.116 29.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Soooo Bloody color name →
#550000
oklch(0.282 0.116 29.2)
색상 변환
- HEX
- #550000
- RGB
- rgb(85 0 0)
- HSL
- hsl(0 100% 17%)
- HWB
- hwb(0 0% 67%)
- OKLCH
- oklch(0.282 0.116 29.2)
- OKLab
- oklab(0.282 0.101 0.057)
- CIE Lab
- lab(15.6 36.32 24.51)
- LCH
- lch(15.6 43.82 34)
- CMYK
- cmyk(0% 100% 100% 67%)
틴트 · 셰이드 · 톤
틴트
- 672018
- 793830
- 8B5047
- 9C685F
- AD8078
- BE9892
- CEB1AC
- DFCBC7
- EFE5E3
셰이드
- 490000
- 3D0000
- 310000
- 260000
- 1C0000
- 110000
- 080000
- 020000
- 000000
톤
- 5B140E
- 61221B
- 662F28
- 6B3B34
- 6F4640
- 74524D
- 775D59
- 7B6966
- 7E7473
색 조화
보색 +180°
- 550000
Soooo Bloody
- 003036
≈ Roof Tile Green
유사색 -30° +30°
- 550000
Soooo Bloody
- 510028
≈ Fig Balsamic
- 412000
≈ Blackened Brown
삼각 배색 +120° +240°
- 550000
Soooo Bloody
- 003411
≈ Haunted Hills
- 142061
≈ Pure Midnight
분열 보색 +150° +210°
- 550000
Soooo Bloody
- 00322A
≈ Fence Green
- 002D45
≈ Cosmos Blue
사각 배색 +90° +180° +270°
- 550000
Soooo Bloody
- 262E00
≈ Blind Forest
- 003036
≈ Roof Tile Green
- 331459
≈ Fabric of Space
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.14:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.38:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.14:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--soooo-bloody: #550000;
--soooo-bloody-rgb: 85 0 0;
--soooo-bloody-oklch: oklch(0.282 0.116 29.2);
}
.element {
color: var(--soooo-bloody);
background-color: hsl(0 100% 17%);
border-color: oklch(0.282 0.116 29.2);
}Tailwind CSS v4
@theme {
--color-soooo-bloody: #550000;
--color-soooo-bloody-50: #ffeae1;
--color-soooo-bloody-100: #ffdad1;
--color-soooo-bloody-200: #ffc3b6;
--color-soooo-bloody-300: #eda193;
--color-soooo-bloody-400: #da8376;
--color-soooo-bloody-500: #c76558;
--color-soooo-bloody-600: #a8564b;
--color-soooo-bloody-700: #87453c;
--color-soooo-bloody-800: #65312c;
--color-soooo-bloody-900: #47211d;
--color-soooo-bloody-950: #2e100e;
}SCSS
$soooo-bloody: #550000;
$soooo-bloody-rgb: 85, 0, 0;
$soooo-bloody-light: mix(#fff, $soooo-bloody, 20%);
$soooo-bloody-dark: mix(#000, $soooo-bloody, 20%);
.element {
color: $soooo-bloody;
box-shadow: 0 0 0 2px rgba($soooo-bloody, 0.35);
}