Colore con nome · #ED4B00
Kimchi
Kimchi è #ED4B00: rgb(237 75 0), hsl(19 100% 46%), oklch(0.636 0.208 38). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Kimchi color name →
#ED4B00
oklch(0.636 0.208 38)
Conversioni di colore
- HEX
- #ed4b00
- RGB
- rgb(237 75 0)
- HSL
- hsl(19 100% 46%)
- HWB
- hwb(19 0% 7%)
- OKLCH
- oklch(0.636 0.208 38)
- OKLab
- oklab(0.636 0.164 0.128)
- CIE Lab
- lab(55.97 61.54 67.57)
- LCH
- lch(55.97 91.39 47.7)
- CMYK
- cmyk(0% 68% 100% 7%)
Tinte · Ombre · Toni
Tinte
- F26232
- F6764E
- F98966
- FC9A7C
- FEAC92
- FFBDA8
- FFCEBE
- FFDED3
- FFEFE9
Ombre
- CE4000
- B03500
- 932B00
- 772100
- 5C1700
- 420E00
- 2A0600
- 140200
- 030000
Toni
- E35423
- DA5C34
- D06341
- C5694C
- BB6E56
- B07360
- A57768
- 997A70
- 8D7D78
Armonie di colore
Complementare +180°
- ED4B00
Kimchi
- 009BB9
≈ Brilliant Sea
Analogo -30° +30°
- ED4B00
Kimchi
- EB4073
≈ Fantasy Romance
- C17800
≈ Cassandra’s Curse
Triadico +120° +240°
- ED4B00
Kimchi
- 00A567
≈ Jungle
- 7377FF
≈ Stargate Shimmer
Complementare divisa +150° +210°
- ED4B00
Kimchi
- 00A097
≈ Spectra Green
- 008FEC
≈ Bleu de France
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.60:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.60:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--kimchi: #ed4b00;
--kimchi-rgb: 237 75 0;
--kimchi-oklch: oklch(0.636 0.208 38);
}
.element {
color: var(--kimchi);
background-color: hsl(19 100% 46%);
border-color: oklch(0.636 0.208 38);
}Tailwind CSS v4
@theme {
--color-kimchi: #ed4b00;
--color-kimchi-50: #ffe2c8;
--color-kimchi-100: #ffd1b3;
--color-kimchi-200: #ffb58f;
--color-kimchi-300: #ff8e60;
--color-kimchi-400: #ff6633;
--color-kimchi-500: #ef3700;
--color-kimchi-600: #ca3100;
--color-kimchi-700: #a32800;
--color-kimchi-800: #7a1a00;
--color-kimchi-900: #561100;
--color-kimchi-950: #3a0200;
}SCSS
$kimchi: #ed4b00;
$kimchi-rgb: 237, 75, 0;
$kimchi-light: mix(#fff, $kimchi, 20%);
$kimchi-dark: mix(#000, $kimchi, 20%);
.element {
color: $kimchi;
box-shadow: 0 0 0 2px rgba($kimchi, 0.35);
}