Nazwany kolor · #D43E38
Red Clown
Red Clown to #D43E38: rgb(212 62 56), hsl(2 64% 53%), oklch(0.584 0.188 27). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red Clown color name →
#D43E38
oklch(0.584 0.188 27)
Konwersje koloru
- HEX
- #d43e38
- RGB
- rgb(212 62 56)
- HSL
- hsl(2 64% 53%)
- HWB
- hwb(2 22% 17%)
- OKLCH
- oklch(0.584 0.188 27)
- OKLab
- oklab(0.584 0.167 0.085)
- CIE Lab
- lab(49.91 58.92 39.46)
- LCH
- lch(49.91 70.91 33.8)
- CMYK
- cmyk(0% 71% 74% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DB564D
- E26B60
- E87F74
- ED9187
- F2A49B
- F6B6AE
- F9C9C2
- FCDBD6
- FEEDEA
Odcienie ciemniejsze
- B8352F
- 9D2B27
- 83231F
- 691A17
- 51120F
- 3A0A08
- 240404
- 100101
- 020000
Tony
- CD4941
- C65249
- BF5A51
- B76158
- AF675F
- A76D66
- 9E726D
- 957773
- 8B7C7A
Harmonie kolorów
Komplementarna +180°
- D43E38
Red Clown
- 008C9A
≈ Coral Coast
Analogowa -30° +30°
- D43E38
Red Clown
- CC3C7D
≈ Pink Yarrow
- B86100
≈ Honey Ginger
Triada +120° +240°
- D43E38
Red Clown
- 009535
≈ Pixelated Grass
- 4A70E9
≈ Blue Öyster Cult
Komplementarna rozszczepiona +150° +210°
- D43E38
Red Clown
- 00907A
≈ Aqua Waters
- 0085BD
≈ Ibiza Blue
Tetrada +90° +180° +270°
- D43E38
Red Clown
- 778500
≈ Swamp Green
- 008C9A
≈ Coral Coast
- 8A5BDB
≈ Gloomy Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.61:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.54:1 · APCA Lc 31
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-clown: #d43e38;
--red-clown-rgb: 212 62 56;
--red-clown-oklch: oklch(0.584 0.188 27);
}
.element {
color: var(--red-clown);
background-color: hsl(2 64% 53%);
border-color: oklch(0.584 0.188 27);
}Tailwind CSS v4
@theme {
--color-red-clown: #d43e38;
--color-red-clown-50: #ffe2d6;
--color-red-clown-100: #ffd1c4;
--color-red-clown-200: #ffb5a6;
--color-red-clown-300: #ff8f7e;
--color-red-clown-400: #fa6a5f;
--color-red-clown-500: #e83f3a;
--color-red-clown-600: #c43832;
--color-red-clown-700: #9e2c28;
--color-red-clown-800: #761e1e;
--color-red-clown-900: #531414;
--color-red-clown-950: #370406;
}SCSS
$red-clown: #d43e38;
$red-clown-rgb: 212, 62, 56;
$red-clown-light: mix(#fff, $red-clown, 20%);
$red-clown-dark: mix(#000, $red-clown, 20%);
.element {
color: $red-clown;
box-shadow: 0 0 0 2px rgba($red-clown, 0.35);
}