Màu có tên · #880000
Glass Bull
Glass Bull là #880000: rgb(136 0 0), hsl(0 100% 27%), oklch(0.394 0.162 29.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Glass Bull color name →
#880000
oklch(0.394 0.162 29.2)
Chuyển đổi màu
- HEX
- #880000
- RGB
- rgb(136 0 0)
- HSL
- hsl(0 100% 27%)
- HWB
- hwb(0 0% 47%)
- OKLCH
- oklch(0.394 0.162 29.2)
- OKLab
- oklab(0.394 0.141 0.079)
- CIE Lab
- lab(28.05 50.64 41.9)
- LCH
- lch(28.05 65.73 39.6)
- CMYK
- cmyk(0% 100% 100% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 972B21
- A54539
- B25D51
- BF7468
- CB8B80
- D6A199
- E1B8B2
- ECD0CB
- F6E7E5
Sắc đậm
- 750000
- 630000
- 520000
- 410000
- 310000
- 220000
- 130000
- 060000
- 010000
Sắc xám
- 891D14
- 8A2D23
- 8B3A30
- 8B453C
- 8A5047
- 8A5A52
- 88645E
- 866D69
- 837775
Hòa sắc
Bổ túc +180°
- 880000
Glass Bull
- 00505A
≈ Kali Blue
Tương đồng -30° +30°
- 880000
Glass Bull
- 820044
≈ Renanthera Orchid
- 693700
≈ Nutmeg Wood Finish
Bộ ba +120° +240°
- 880000
Glass Bull
- 005522
≈ O Tannenbaum
- 26389B
≈ Liquid Denim
Bổ túc chia +150° +210°
- 880000
Glass Bull
- 005247
≈ Green Oblivion
- 004B70
≈ Pompeii Blue
Bộ bốn +90° +180° +270°
- 880000
Glass Bull
- 414C00
≈ No Emissions Green
- 00505A
≈ Kali Blue
- 55268E
≈ Kalish Violet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.25:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.04:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--glass-bull: #880000;
--glass-bull-rgb: 136 0 0;
--glass-bull-oklch: oklch(0.394 0.162 29.2);
}
.element {
color: var(--glass-bull);
background-color: hsl(0 100% 27%);
border-color: oklch(0.394 0.162 29.2);
}Tailwind CSS v4
@theme {
--color-glass-bull: #880000;
--color-glass-bull-50: #ffe5d9;
--color-glass-bull-100: #ffd5c7;
--color-glass-bull-200: #ffbbaa;
--color-glass-bull-300: #ff9784;
--color-glass-bull-400: #ee7565;
--color-glass-bull-500: #dd5142;
--color-glass-bull-600: #ba4639;
--color-glass-bull-700: #96372d;
--color-glass-bull-800: #702721;
--color-glass-bull-900: #4f1a16;
--color-glass-bull-950: #340907;
}SCSS
$glass-bull: #880000;
$glass-bull-rgb: 136, 0, 0;
$glass-bull-light: mix(#fff, $glass-bull, 20%);
$glass-bull-dark: mix(#000, $glass-bull, 20%);
.element {
color: $glass-bull;
box-shadow: 0 0 0 2px rgba($glass-bull, 0.35);
}