Màu có tên · #BB1100
Red Prayer Flag
Red Prayer Flag là #BB1100: rgb(187 17 0), hsl(5 100% 37%), oklch(0.502 0.199 30.4). 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? → · Red Prayer Flag color name →
#BB1100
oklch(0.502 0.199 30.4)
Chuyển đổi màu
- HEX
- #bb1100
- RGB
- rgb(187 17 0)
- HSL
- hsl(5 100% 37%)
- HWB
- hwb(5 0% 27%)
- OKLCH
- oklch(0.502 0.199 30.4)
- OKLab
- oklab(0.502 0.172 0.101)
- CIE Lab
- lab(40.34 62.14 55.47)
- LCH
- lch(40.34 83.29 41.8)
- CMYK
- cmyk(0% 91% 100% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C53929
- CF5442
- D76B5A
- DF8171
- E69688
- EDAB9F
- F3C0B7
- F8D5CF
- FCEAE7
Sắc đậm
- A20D00
- 8A0900
- 730600
- 5C0400
- 460200
- 320100
- 1F0000
- 0D0000
- 020000
Sắc xám
- B72A1B
- B33A2B
- AE4638
- A95143
- A45A4E
- 9E6358
- 986B62
- 91726C
- 897976
Hòa sắc
Bổ túc +180°
- BB1100
Red Prayer Flag
- 007180
≈ Caribbean Dream
Tương đồng -30° +30°
- BB1100
Red Prayer Flag
- B5095E
≈ Murderous Magenta
- 935100
≈ Mochaccino
Bộ ba +120° +240°
- BB1100
Red Prayer Flag
- 007936
≈ La Salle Green
- 3D52D3
≈ Gorgonzola Blue
Bổ túc chia +150° +210°
- BB1100
Red Prayer Flag
- 007466
≈ Northern Hemisphere
- 006B9F
≈ Jazz Blue
Bộ bốn +90° +180° +270°
- BB1100
Red Prayer Flag
- 5B6D00
≈ Over the Hills
- 007180
≈ Caribbean Dream
- 793BC1
≈ Purple Rain
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.57:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.19:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--red-prayer-flag: #bb1100;
--red-prayer-flag-rgb: 187 17 0;
--red-prayer-flag-oklch: oklch(0.502 0.199 30.4);
}
.element {
color: var(--red-prayer-flag);
background-color: hsl(5 100% 37%);
border-color: oklch(0.502 0.199 30.4);
}Tailwind CSS v4
@theme {
--color-red-prayer-flag: #bb1100;
--color-red-prayer-flag-50: #ffe1d1;
--color-red-prayer-flag-100: #ffd0be;
--color-red-prayer-flag-200: #ffb49e;
--color-red-prayer-flag-300: #ff8d74;
--color-red-prayer-flag-400: #fe6651;
--color-red-prayer-flag-500: #ed3824;
--color-red-prayer-flag-600: #c83221;
--color-red-prayer-flag-700: #a1281a;
--color-red-prayer-flag-800: #791a15;
--color-red-prayer-flag-900: #55120d;
--color-red-prayer-flag-950: #390202;
}SCSS
$red-prayer-flag: #bb1100;
$red-prayer-flag-rgb: 187, 17, 0;
$red-prayer-flag-light: mix(#fff, $red-prayer-flag, 20%);
$red-prayer-flag-dark: mix(#000, $red-prayer-flag, 20%);
.element {
color: $red-prayer-flag;
box-shadow: 0 0 0 2px rgba($red-prayer-flag, 0.35);
}