Colore con nome · #E64D1D
Nasturtium Flower
Nasturtium Flower è #E64D1D: rgb(230 77 29), hsl(14 80% 51%), oklch(0.627 0.197 36.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Nasturtium Flower color name →
#E64D1D
oklch(0.627 0.197 36.4)
Conversioni di colore
- HEX
- #e64d1d
- RGB
- rgb(230 77 29)
- HSL
- hsl(14 80% 51%)
- HWB
- hwb(14 11% 10%)
- OKLCH
- oklch(0.627 0.197 36.4)
- OKLab
- oklab(0.627 0.159 0.117)
- CIE Lab
- lab(55.07 58.74 58.57)
- LCH
- lch(55.07 82.95 44.9)
- CMYK
- cmyk(0% 67% 87% 10%)
Tinte · Ombre · Toni
Tinte
- EB633C
- F07654
- F4896B
- F89A80
- FAAC95
- FDBDAA
- FECDBF
- FFDED4
- FFEEEA
Ombre
- C84218
- AB3713
- 8E2C0E
- 732209
- 591805
- 400F03
- 280701
- 130200
- 030000
Toni
- DD562F
- D45D3C
- CB6347
- C16951
- B76E5A
- AD7262
- A3766A
- 987A71
- 8C7D79
Armonie di colore
Complementare +180°
- E64D1D
Nasturtium Flower
- 0098B4
≈ Barrier Reef
Analogo -30° +30°
- E64D1D
Nasturtium Flower
- E34475
≈ Fantasy Romance
- BF7400
≈ Caramel Coating
Triadico +120° +240°
- E64D1D
Nasturtium Flower
- 00A261
≈ Alhambra Green
- 6D75FC
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- E64D1D
Nasturtium Flower
- 009D93
≈ Caribbean Turquoise
- 008EE4
≈ Bleu de France
Tetradico +90° +180° +270°
- E64D1D
Nasturtium Flower
- 6F9900
≈ Green Thumb
- 0098B4
≈ Barrier Reef
- A760E4
≈ Violet Voltage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.44:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.44:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--nasturtium-flower: #e64d1d;
--nasturtium-flower-rgb: 230 77 29;
--nasturtium-flower-oklch: oklch(0.627 0.197 36.4);
}
.element {
color: var(--nasturtium-flower);
background-color: hsl(14 80% 51%);
border-color: oklch(0.627 0.197 36.4);
}Tailwind CSS v4
@theme {
--color-nasturtium-flower: #e64d1d;
--color-nasturtium-flower-50: #ffe3cc;
--color-nasturtium-flower-100: #ffd2b8;
--color-nasturtium-flower-200: #ffb695;
--color-nasturtium-flower-300: #ff9069;
--color-nasturtium-flower-400: #fc6a41;
--color-nasturtium-flower-500: #eb3e00;
--color-nasturtium-flower-600: #c73700;
--color-nasturtium-flower-700: #a02c02;
--color-nasturtium-flower-800: #781d06;
--color-nasturtium-flower-900: #551405;
--color-nasturtium-flower-950: #380400;
}SCSS
$nasturtium-flower: #e64d1d;
$nasturtium-flower-rgb: 230, 77, 29;
$nasturtium-flower-light: mix(#fff, $nasturtium-flower, 20%);
$nasturtium-flower-dark: mix(#000, $nasturtium-flower, 20%);
.element {
color: $nasturtium-flower;
box-shadow: 0 0 0 2px rgba($nasturtium-flower, 0.35);
}