Colore con nome · #FE6F5E
Grapefruit Pulp
Grapefruit Pulp è #FE6F5E: rgb(254 111 94), hsl(6 99% 68%), oklch(0.713 0.178 29.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Grapefruit Pulp color name →
#FE6F5E
oklch(0.713 0.178 29.1)
Conversioni di colore
- HEX
- #fe6f5e
- RGB
- rgb(254 111 94)
- HSL
- hsl(6 99% 68%)
- HWB
- hwb(6 37% 0%)
- OKLCH
- oklch(0.713 0.178 29.1)
- OKLab
- oklab(0.713 0.156 0.086)
- CIE Lab
- lab(65.06 54.79 37.85)
- LCH
- lch(65.06 66.59 34.6)
- CMYK
- cmyk(0% 56% 63% 0%)
Tinte · Ombre · Toni
Tinte
- FF7F6E
- FF8F7F
- FF9E8F
- FFAC9F
- FFBAAE
- FFC8BE
- FFD6CE
- FFE4DF
- FFF1EF
Ombre
- DD6051
- BD5144
- 9E4237
- 80342B
- 63271F
- 471A14
- 2D0E0A
- 160403
- 030100
Toni
- F27362
- E67667
- DA786A
- CE7A6E
- C27C72
- B57D75
- A87F78
- 9B7F7B
- 8E807D
Armonie di colore
Complementare +180°
- FE6F5E
Grapefruit Pulp
- 00B7CC
≈ Utopia Beckons
Analogo -30° +30°
- FE6F5E
Grapefruit Pulp
- F76BA0
≈ French Pink
- ED8300
≈ Mikan Orange
Triadico +120° +240°
- FE6F5E
Grapefruit Pulp
- 38C060
≈ Algal Fuel
- 7D9CFF
≈ Periwinkle Blue
Complementare divisa +150° +210°
- FE6F5E
Grapefruit Pulp
- 00BCA4
≈ Capture
- 00AEFB
≈ Krishna Blue
Tetradico +90° +180° +270°
- FE6F5E
Grapefruit Pulp
- 98B000
≈ Elysia Chlorotica
- 00B7CC
≈ Utopia Beckons
- B386FF
≈ Lilac Geode
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.74:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.64:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.64:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--grapefruit-pulp: #fe6f5e;
--grapefruit-pulp-rgb: 254 111 94;
--grapefruit-pulp-oklch: oklch(0.713 0.178 29.1);
}
.element {
color: var(--grapefruit-pulp);
background-color: hsl(6 99% 68%);
border-color: oklch(0.713 0.178 29.1);
}Tailwind CSS v4
@theme {
--color-grapefruit-pulp: #fe6f5e;
--color-grapefruit-pulp-50: #ffe3d6;
--color-grapefruit-pulp-100: #ffd2c4;
--color-grapefruit-pulp-200: #ffb7a6;
--color-grapefruit-pulp-300: #ff927e;
--color-grapefruit-pulp-400: #f56e5e;
--color-grapefruit-pulp-500: #e44739;
--color-grapefruit-pulp-600: #c03e31;
--color-grapefruit-pulp-700: #9b3127;
--color-grapefruit-pulp-800: #74221e;
--color-grapefruit-pulp-900: #521713;
--color-grapefruit-pulp-950: #360605;
}SCSS
$grapefruit-pulp: #fe6f5e;
$grapefruit-pulp-rgb: 254, 111, 94;
$grapefruit-pulp-light: mix(#fff, $grapefruit-pulp, 20%);
$grapefruit-pulp-dark: mix(#000, $grapefruit-pulp, 20%);
.element {
color: $grapefruit-pulp;
box-shadow: 0 0 0 2px rgba($grapefruit-pulp, 0.35);
}