Benannte Farbe · #E15F65
Briquette
Briquette ist #E15F65: rgb(225 95 101), hsl(357 68% 63%), oklch(0.651 0.162 20). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Briquette color name →
#E15F65
oklch(0.651 0.162 20)
Farbumrechnungen
- HEX
- #e15f65
- RGB
- rgb(225 95 101)
- HSL
- hsl(357 68% 63%)
- HWB
- hwb(357 37% 12%)
- OKLCH
- oklch(0.651 0.162 20)
- OKLab
- oklab(0.651 0.153 0.056)
- CIE Lab
- lab(57.79 52.01 23.68)
- LCH
- lch(57.79 57.14 24.5)
- CMYK
- cmyk(0% 58% 55% 12%)
Tints · Shades · Tones
Tints
- E67174
- EB8183
- EF9292
- F3A1A1
- F6B1B0
- F9C1C0
- FBD0CF
- FDE0DF
- FEEFEF
Shades
- C45257
- A74449
- 8B383C
- 702C2F
- 562022
- 3E1517
- 270A0C
- 120303
- 020000
Tones
- D86468
- CF696B
- C66D6E
- BD7071
- B47473
- AA7776
- A07979
- 967C7B
- 8B7E7E
Farbharmonien
Komplementär +180°
- E15F65
Briquette
- 00A3AA
≈ Aare River Brienz
Analog -30° +30°
- E15F65
Briquette
- D5609D
≈ Sugar Rush
- DB6C1B
≈ Apple II Chocolate
Triadisch +120° +240°
- E15F65
Briquette
- 52A63F
≈ Mid Green
- 518DF1
≈ Blue Elemental
Geteilt komplementär +150° +210°
- E15F65
Briquette
- 00A883
≈ Simply Green
- 009DCF
≈ Structural Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.48:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.02:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.02:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--briquette: #e15f65;
--briquette-rgb: 225 95 101;
--briquette-oklch: oklch(0.651 0.162 20);
}
.element {
color: var(--briquette);
background-color: hsl(357 68% 63%);
border-color: oklch(0.651 0.162 20);
}Tailwind CSS v4
@theme {
--color-briquette: #e15f65;
--color-briquette-50: #ffe4e0;
--color-briquette-100: #ffd3d0;
--color-briquette-200: #ffb9b5;
--color-briquette-300: #ff9492;
--color-briquette-400: #ef7276;
--color-briquette-500: #dd4d57;
--color-briquette-600: #bb434b;
--color-briquette-700: #96353b;
--color-briquette-800: #70252c;
--color-briquette-900: #4f191e;
--color-briquette-950: #34080e;
}SCSS
$briquette: #e15f65;
$briquette-rgb: 225, 95, 101;
$briquette-light: mix(#fff, $briquette, 20%);
$briquette-dark: mix(#000, $briquette, 20%);
.element {
color: $briquette;
box-shadow: 0 0 0 2px rgba($briquette, 0.35);
}