Colore con nome · #D9623B
Flint Corn Red
Flint Corn Red è #D9623B: rgb(217 98 59), hsl(15 68% 54%), oklch(0.636 0.159 38.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flint Corn Red color name →
#D9623B
oklch(0.636 0.159 38.4)
Conversioni di colore
- HEX
- #d9623b
- RGB
- rgb(217 98 59)
- HSL
- hsl(15 68% 54%)
- HWB
- hwb(15 23% 15%)
- OKLCH
- oklch(0.636 0.159 38.4)
- OKLab
- oklab(0.636 0.125 0.099)
- CIE Lab
- lab(56.54 45.95 45.11)
- LCH
- lch(56.54 64.39 44.5)
- CMYK
- cmyk(0% 55% 73% 15%)
Tinte · Ombre · Toni
Tinte
- DF7350
- E48364
- E99378
- EEA38B
- F2B29E
- F5C2B1
- F8D1C4
- FBE0D8
- FDF0EB
Ombre
- BC5432
- A14729
- 863A21
- 6C2D19
- 532111
- 3B1609
- 250B04
- 110301
- 020000
Toni
- D16744
- C96B4D
- C16E54
- B8725B
- AF7562
- A77869
- 9E7A6F
- 947C75
- 8A7E7A
Armonie di colore
Complementare +180°
- D9623B
Flint Corn Red
- 009BB9
≈ Brilliant Sea
Analogo -30° +30°
- D9623B
Flint Corn Red
- D85B78
≈ Peppermint Swirl
- C17800
≈ Cassandra’s Curse
Triadico +120° +240°
- D9623B
Flint Corn Red
- 00A568
≈ Jungle
- 777DE9
≈ Hera Blue
Complementare divisa +150° +210°
- D9623B
Flint Corn Red
- 00A098
≈ Spectra Green
- 2390E6
≈ Bleu de France
Tetradico +90° +180° +270°
- D9623B
Flint Corn Red
- 6E9C18
≈ Luminescent Green
- 009BB9
≈ Brilliant Sea
- A66CD4
≈ Rich Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.76:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--flint-corn-red: #d9623b;
--flint-corn-red-rgb: 217 98 59;
--flint-corn-red-oklch: oklch(0.636 0.159 38.4);
}
.element {
color: var(--flint-corn-red);
background-color: hsl(15 68% 54%);
border-color: oklch(0.636 0.159 38.4);
}Tailwind CSS v4
@theme {
--color-flint-corn-red: #d9623b;
--color-flint-corn-red-50: #ffe7d3;
--color-flint-corn-red-100: #ffd7c0;
--color-flint-corn-red-200: #ffbda0;
--color-flint-corn-red-300: #fc9a77;
--color-flint-corn-red-400: #ec7954;
--color-flint-corn-red-500: #da5629;
--color-flint-corn-red-600: #b84a25;
--color-flint-corn-red-700: #943b1d;
--color-flint-corn-red-800: #6f2916;
--color-flint-corn-red-900: #4e1c0e;
--color-flint-corn-red-950: #330b02;
}SCSS
$flint-corn-red: #d9623b;
$flint-corn-red-rgb: 217, 98, 59;
$flint-corn-red-light: mix(#fff, $flint-corn-red, 20%);
$flint-corn-red-dark: mix(#000, $flint-corn-red, 20%);
.element {
color: $flint-corn-red;
box-shadow: 0 0 0 2px rgba($flint-corn-red, 0.35);
}