Colore con nome · #FE1C06
Thai Hot
Thai Hot è #FE1C06: rgb(254 28 6), hsl(5 99% 51%), oklch(0.633 0.25 30.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Thai Hot color name →
#FE1C06
oklch(0.633 0.25 30.1)
Conversioni di colore
- HEX
- #fe1c06
- RGB
- rgb(254 28 6)
- HSL
- hsl(5 99% 51%)
- HWB
- hwb(5 2% 0%)
- OKLCH
- oklch(0.633 0.25 30.1)
- OKLab
- oklab(0.633 0.217 0.126)
- CIE Lab
- lab(54.96 78.15 68.37)
- LCH
- lch(54.96 103.83 41.2)
- CMYK
- cmyk(0% 89% 98% 0%)
Tinte · Ombre · Toni
Tinte
- FF4733
- FF634E
- FF7A66
- FF8F7C
- FFA392
- FFB6A8
- FFC9BE
- FFDBD3
- FFEDE9
Ombre
- DD1704
- BD1203
- 9E0D02
- 800801
- 630501
- 470200
- 2D0100
- 160000
- 030000
Toni
- F33725
- E84735
- DD5342
- D15D4D
- C56556
- B96C60
- AC7268
- 9E7770
- 907C78
Armonie di colore
Complementare +180°
- FE1C06
Thai Hot
- 009BAF
≈ Caneel Bay
Analogo -30° +30°
- FE1C06
Thai Hot
- F51384
≈ Flickr Pink
- C97000
≈ Sludge
Triadico +120° +240°
- FE1C06
Thai Hot
- 00A64C
≈ Liberty Green
- 5E7CFF
≈ C64 NTSC
Complementare divisa +150° +210°
- FE1C06
Thai Hot
- 00A08D
≈ Turquish
- 0093D8
≈ Kahu Blue
Tetradico +90° +180° +270°
- FE1C06
Thai Hot
- 7F9600
≈ Mossy Woods
- 009BAF
≈ Caneel Bay
- A35AFF
≈ Vega Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.90:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.38:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.38:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--thai-hot: #fe1c06;
--thai-hot-rgb: 254 28 6;
--thai-hot-oklch: oklch(0.633 0.25 30.1);
}
.element {
color: var(--thai-hot);
background-color: hsl(5 99% 51%);
border-color: oklch(0.633 0.25 30.1);
}Tailwind CSS v4
@theme {
--color-thai-hot: #fe1c06;
--color-thai-hot-50: #ffdbc8;
--color-thai-hot-100: #ffc8b3;
--color-thai-hot-200: #ffa98f;
--color-thai-hot-300: #ff7d60;
--color-thai-hot-400: #ff4b36;
--color-thai-hot-500: #ff0000;
--color-thai-hot-600: #da0000;
--color-thai-hot-700: #b00000;
--color-thai-hot-800: #840000;
--color-thai-hot-900: #5e0001;
--color-thai-hot-950: #3f0000;
}SCSS
$thai-hot: #fe1c06;
$thai-hot-rgb: 254, 28, 6;
$thai-hot-light: mix(#fff, $thai-hot, 20%);
$thai-hot-dark: mix(#000, $thai-hot, 20%);
.element {
color: $thai-hot;
box-shadow: 0 0 0 2px rgba($thai-hot, 0.35);
}