Colore con nome più vicino · #D45F2F
#D45F2F
Colore con nome più vicino: Koi
#D45F2F (rgb(212 95 47), hsl(17 66% 51%), oklch(0.624 0.16 41.2)) è più vicino al colore con nome Koi. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D45F2F
oklch(0.624 0.16 41.2)
Conversioni di colore
- HEX
- #d45f2f
- RGB
- rgb(212 95 47)
- HSL
- hsl(17 66% 51%)
- HWB
- hwb(17 18% 17%)
- OKLCH
- oklch(0.624 0.16 41.2)
- OKLab
- oklab(0.624 0.12 0.105)
- CIE Lab
- lab(55.1 45.12 49.31)
- LCH
- lch(55.1 66.84 47.5)
- CMYK
- cmyk(0% 55% 78% 17%)
Tinte · Ombre · Toni
Tinte
- DA7047
- E0815D
- E59172
- EAA186
- EFB19A
- F3C0AE
- F7D0C2
- FAE0D6
- FDEFEA
Ombre
- B85227
- 9D4420
- 833819
- 692C12
- 51200C
- 3A1506
- 240A03
- 100301
- 020000
Toni
- CD643B
- C56845
- BD6C4E
- B57056
- AD735E
- A57665
- 9C796C
- 937C73
- 8A7E7A
Armonie di colore
Complementare +180°
- D45F2F
Koi
- 0096B8
≈ Bondi Blue
Analogo -30° +30°
Triadico +120° +240°
- D45F2F
Koi
- 00A06C
≈ Surgeon
- 7977E4
≈ Hera Blue
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.83:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.47:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--koi: #d45f2f;
--koi-rgb: 212 95 47;
--koi-oklch: oklch(0.624 0.16 41.2);
}
.element {
color: var(--koi);
background-color: hsl(17 66% 51%);
border-color: oklch(0.624 0.16 41.2);
}Tailwind CSS v4
@theme {
--color-koi: #d45f2f;
--color-koi-50: #ffe7d1;
--color-koi-100: #ffd7bd;
--color-koi-200: #ffbe9d;
--color-koi-300: #fb9b73;
--color-koi-400: #eb7a4e;
--color-koi-500: #d9581d;
--color-koi-600: #b84b1c;
--color-koi-700: #943c16;
--color-koi-800: #6e2a11;
--color-koi-900: #4e1c0b;
--color-koi-950: #330c01;
}SCSS
$koi: #d45f2f;
$koi-rgb: 212, 95, 47;
$koi-light: mix(#fff, $koi, 20%);
$koi-dark: mix(#000, $koi, 20%);
.element {
color: $koi;
box-shadow: 0 0 0 2px rgba($koi, 0.35);
}