Nazwany kolor · #CC3355
Infrared Gloze
Infrared Gloze to #CC3355: rgb(204 51 85), hsl(347 60% 50%), oklch(0.565 0.189 13.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Infrared Gloze color name →
#CC3355
oklch(0.565 0.189 13.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D44D65
- DB6375
- E27885
- E88C96
- EE9FA7
- F3B2B8
- F7C6C9
- FAD9DB
- FDECED
Odcienie ciemniejsze
- B12B49
- 97233D
- 7E1C31
- 651426
- 4E0D1C
- 370711
- 220308
- 0F0102
- 020000
Tony
- C64059
- C04A5E
- B95362
- B25B66
- AB636B
- A4696F
- 9C6F73
- 937578
- 8A7B7C
Harmonie kolorów
Komplementarna +180°
- CC3355
Infrared Gloze
- 008786
≈ Tubbataha Teal
Analogowa -30° +30°
- CC3355
Infrared Gloze
- BC3A92
≈ Lust Priestess
- C24B00
≈ Brick Orange
Triada +120° +240°
- CC3355
Infrared Gloze
- 4D8800
≈ Pesto Alla Genovese
- 0075D9
≈ Bright Navy Blue
Komplementarna rozszczepiona +150° +210°
- CC3355
Infrared Gloze
- 008C61
≈ Chagall Green
- 0083A3
≈ Ahoy! Blue
Tetrada +90° +180° +270°
- CC3355
Infrared Gloze
- 837800
≈ Soft Fig
- 008786
≈ Tubbataha Teal
- 6C5EDF
≈ Exodus Fruit
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.03:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.17:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}