色名 · #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);
}