Màu có tên · #CC3355
Infrared Gloze
Infrared Gloze là #CC3355: rgb(204 51 85), hsl(347 60% 50%), oklch(0.565 0.189 13.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? → · Infrared Gloze color name →
#CC3355
oklch(0.565 0.189 13.2)
Chuyển đổi màu
- HEX
- #cc3355
- RGB
- rgb(204 51 85)
- HSL
- hsl(347 60% 50%)
- HWB
- hwb(347 20% 20%)
- OKLCH
- oklch(0.565 0.189 13.2)
- OKLab
- oklab(0.565 0.184 0.043)
- CIE Lab
- lab(47.44 61.17 18.86)
- LCH
- lch(47.44 64.01 17.1)
- CMYK
- cmyk(0% 75% 58% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D44D65
- DB6375
- E27885
- E88C96
- EE9FA7
- F3B2B8
- F7C6C9
- FAD9DB
- FDECED
Sắc đậm
- B12B49
- 97233D
- 7E1C31
- 651426
- 4E0D1C
- 370711
- 220308
- 0F0102
- 020000
Sắc xám
- C64059
- C04A5E
- B95362
- B25B66
- AB636B
- A4696F
- 9C6F73
- 937578
- 8A7B7C
Hòa sắc
Bổ túc +180°
- CC3355
Infrared Gloze
- 008786
≈ Tubbataha Teal
Tương đồng -30° +30°
- CC3355
Infrared Gloze
- BC3A92
≈ Lust Priestess
- C24B00
≈ Brick Orange
Bộ ba +120° +240°
- CC3355
Infrared Gloze
- 4D8800
≈ Pesto Alla Genovese
- 0075D9
≈ Bright Navy Blue
Bổ túc chia +150° +210°
- CC3355
Infrared Gloze
- 008C61
≈ Chagall Green
- 0083A3
≈ Ahoy! Blue
Bộ bốn +90° +180° +270°
- CC3355
Infrared Gloze
- 837800
≈ Soft Fig
- 008786
≈ Tubbataha Teal
- 6C5EDF
≈ Exodus Fruit
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.03:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.17:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--infrared-gloze: #cc3355;
--infrared-gloze-rgb: 204 51 85;
--infrared-gloze-oklch: oklch(0.565 0.189 13.2);
}
.element {
color: var(--infrared-gloze);
background-color: hsl(347 60% 50%);
border-color: oklch(0.565 0.189 13.2);
}Tailwind CSS v4
@theme {
--color-infrared-gloze: #cc3355;
--color-infrared-gloze-50: #ffe0e4;
--color-infrared-gloze-100: #ffcfd3;
--color-infrared-gloze-200: #ffb2ba;
--color-infrared-gloze-300: #ff8c98;
--color-infrared-gloze-400: #f8667e;
--color-infrared-gloze-500: #e73b61;
--color-infrared-gloze-600: #c33452;
--color-infrared-gloze-700: #9d2942;
--color-infrared-gloze-800: #751c32;
--color-infrared-gloze-900: #531322;
--color-infrared-gloze-950: #370311;
}SCSS
$infrared-gloze: #cc3355;
$infrared-gloze-rgb: 204, 51, 85;
$infrared-gloze-light: mix(#fff, $infrared-gloze, 20%);
$infrared-gloze-dark: mix(#000, $infrared-gloze, 20%);
.element {
color: $infrared-gloze;
box-shadow: 0 0 0 2px rgba($infrared-gloze, 0.35);
}