Nazwany kolor · #990020
Xmas Candy
Xmas Candy to #990020: rgb(153 0 32), hsl(347 100% 30%), oklch(0.431 0.174 21.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Xmas Candy color name →
#990020
oklch(0.431 0.174 21.7)
Konwersje koloru
- HEX
- #990020
- RGB
- rgb(153 0 32)
- HSL
- hsl(347 100% 30%)
- HWB
- hwb(347 0% 40%)
- OKLCH
- oklch(0.431 0.174 21.7)
- OKLab
- oklab(0.431 0.161 0.064)
- CIE Lab
- lab(32.2 55.63 30.81)
- LCH
- lch(32.2 63.59 29)
- CMYK
- cmyk(0% 100% 79% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A62E36
- B3484B
- BF6060
- CA7775
- D48E8B
- DEA4A1
- E7BAB8
- F0D1CF
- F8E8E7
Odcienie ciemniejsze
- 84001A
- 700015
- 5D000F
- 4A000A
- 380006
- 270003
- 170001
- 080000
- 010000
Tony
- 991F2B
- 983035
- 973D3E
- 954848
- 935251
- 915C5A
- 8E6664
- 8A6F6D
- 857777
Harmonie kolorów
Komplementarna +180°
- 990020
Xmas Candy
- 005C61
≈ Enamelled Jewel
Analogowa -30° +30°
- 990020
Xmas Candy
- 8F085A
≈ Cardinal Pink
- 7E3A00
≈ Red Beech
Triada +120° +240°
- 990020
Xmas Candy
- 0A6200
≈ Emerald Green
- 1046AD
≈ Soulstone Blue
Komplementarna rozszczepiona +150° +210°
- 990020
Xmas Candy
- 005F4B
≈ Sci-Fi Takeout
- 005878
≈ Broadway
Tetrada +90° +180° +270°
- 990020
Xmas Candy
- 525500
≈ Douro
- 005C61
≈ Enamelled Jewel
- 5632A5
≈ Royalty
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.84:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--xmas-candy: #990020;
--xmas-candy-rgb: 153 0 32;
--xmas-candy-oklch: oklch(0.431 0.174 21.7);
}
.element {
color: var(--xmas-candy);
background-color: hsl(347 100% 30%);
border-color: oklch(0.431 0.174 21.7);
}Tailwind CSS v4
@theme {
--color-xmas-candy: #990020;
--color-xmas-candy-50: #ffe3dd;
--color-xmas-candy-100: #ffd2cc;
--color-xmas-candy-200: #ffb7b0;
--color-xmas-candy-300: #ff928c;
--color-xmas-candy-400: #f46e6f;
--color-xmas-candy-500: #e24750;
--color-xmas-candy-600: #bf3e44;
--color-xmas-candy-700: #9a3136;
--color-xmas-candy-800: #732229;
--color-xmas-candy-900: #51171b;
--color-xmas-candy-950: #35070c;
}SCSS
$xmas-candy: #990020;
$xmas-candy-rgb: 153, 0, 32;
$xmas-candy-light: mix(#fff, $xmas-candy, 20%);
$xmas-candy-dark: mix(#000, $xmas-candy, 20%);
.element {
color: $xmas-candy;
box-shadow: 0 0 0 2px rgba($xmas-candy, 0.35);
}