Màu có tên gần nhất · #CF4332
#CF4332
Màu có tên gần nhất: Bloody Salmon
#CF4332 (rgb(207 67 50), hsl(6 62% 50%), oklch(0.58 0.179 30.2)) gần nhất với màu có tên Bloody Salmon. 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.
#CF4332
oklch(0.58 0.179 30.2)
Chuyển đổi màu
- HEX
- #cf4332
- RGB
- rgb(207 67 50)
- HSL
- hsl(6 62% 50%)
- HWB
- hwb(6 20% 19%)
- OKLCH
- oklch(0.58 0.179 30.2)
- OKLab
- oklab(0.58 0.155 0.09)
- CIE Lab
- lab(49.62 55.31 42.13)
- LCH
- lch(49.62 69.53 37.3)
- CMYK
- cmyk(0% 68% 76% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D65948
- DD6D5C
- E48070
- E99384
- EFA598
- F3B7AC
- F7C9C1
- FADBD5
- FDEDEA
Sắc đậm
- B4392A
- 992F22
- 7F261B
- 671D14
- 4F140D
- 380C07
- 230503
- 100101
- 020000
Sắc xám
- C84D3C
- C25545
- BB5C4D
- B46255
- AC685D
- A46E64
- 9C736B
- 937772
- 8A7C79
Hòa sắc
Bổ túc +180°
- CF4332
Bloody Salmon
- 008A9B
≈ Atlantic Blue
Tương đồng -30° +30°
- CF4332
Bloody Salmon
- C93F76
≈ Fuchsia Rose
- B36300
≈ Umber
Bộ ba +120° +240°
- CF4332
Bloody Salmon
- 009343
≈ Pixelated Grass
- 536EE3
≈ Cornflower
Bổ túc chia +150° +210°
- CF4332
Bloody Salmon
- 008E7D
≈ Philips Green
- 0082C1
≈ Phuket Palette
Bộ bốn +90° +180° +270°
- CF4332
Bloody Salmon
- 708500
≈ Swamp Green
- 008A9B
≈ Atlantic Blue
- 8D5AD2
≈ Morado Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.66:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--bloody-salmon: #cf4332;
--bloody-salmon-rgb: 207 67 50;
--bloody-salmon-oklch: oklch(0.58 0.179 30.2);
}
.element {
color: var(--bloody-salmon);
background-color: hsl(6 62% 50%);
border-color: oklch(0.58 0.179 30.2);
}Tailwind CSS v4
@theme {
--color-bloody-salmon: #cf4332;
--color-bloody-salmon-50: #ffe3d5;
--color-bloody-salmon-100: #ffd3c2;
--color-bloody-salmon-200: #ffb8a4;
--color-bloody-salmon-300: #ff927c;
--color-bloody-salmon-400: #f66e5b;
--color-bloody-salmon-500: #e44734;
--color-bloody-salmon-600: #c13e2e;
--color-bloody-salmon-700: #9b3124;
--color-bloody-salmon-800: #74221b;
--color-bloody-salmon-900: #521712;
--color-bloody-salmon-950: #360605;
}SCSS
$bloody-salmon: #cf4332;
$bloody-salmon-rgb: 207, 67, 50;
$bloody-salmon-light: mix(#fff, $bloody-salmon, 20%);
$bloody-salmon-dark: mix(#000, $bloody-salmon, 20%);
.element {
color: $bloody-salmon;
box-shadow: 0 0 0 2px rgba($bloody-salmon, 0.35);
}