Nächste benannte Farbe · #D45F2F
#D45F2F
Nächste benannte Farbe: Koi
#D45F2F (rgb(212 95 47), hsl(17 66% 51%), oklch(0.624 0.16 41.2)) liegt am nächsten an der benannten Farbe Koi. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D45F2F
oklch(0.624 0.16 41.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DA7047
- E0815D
- E59172
- EAA186
- EFB19A
- F3C0AE
- F7D0C2
- FAE0D6
- FDEFEA
Shades
- B85227
- 9D4420
- 833819
- 692C12
- 51200C
- 3A1506
- 240A03
- 100301
- 020000
Tones
- CD643B
- C56845
- BD6C4E
- B57056
- AD735E
- A57665
- 9C796C
- 937C73
- 8A7E7A
Farbharmonien
Komplementär +180°
- D45F2F
Koi
- 0096B8
≈ Bondi Blue
Analog -30° +30°
Triadisch +120° +240°
- D45F2F
Koi
- 00A06C
≈ Surgeon
- 7977E4
≈ Hera Blue
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
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);
}