Dichtstbijzijnde benoemde kleur · #E9797D
#E9797D
Dichtstbijzijnde benoemde kleur: Salmon Poké Bowl
#E9797D (rgb(233 121 125), hsl(358 72% 69%), oklch(0.704 0.138 19)) komt het dichtst bij de benoemde kleur Salmon Poké Bowl. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E9797D
oklch(0.704 0.138 19)
Kleurconversies
- HEX
- #e9797d
- RGB
- rgb(233 121 125)
- HSL
- hsl(358 72% 69%)
- HWB
- hwb(358 47% 9%)
- OKLCH
- oklch(0.704 0.138 19)
- OKLab
- oklab(0.704 0.131 0.045)
- CIE Lab
- lab(64.23 44.4 18.74)
- LCH
- lch(64.23 48.19 22.9)
- CMYK
- cmyk(0% 48% 46% 9%)
Tinten · Schaduwen · Tonen
Tinten
- ED8789
- F09596
- F3A2A3
- F6B0B0
- F9BDBD
- FBCACA
- FCD7D7
- FEE5E4
- FFF2F1
Schaduwen
- CB686C
- AD585B
- 90484B
- 74393B
- 5A2B2C
- 411D1E
- 291011
- 130505
- 030101
Tonen
- DF7B7D
- D57C7E
- CB7D7E
- C17E7F
- B67F7F
- AC7F7F
- A18080
- 978080
- 8B8080
Kleurharmonieën
Complementair +180°
- E9797D
Salmon Poké Bowl
- 00B6BC
≈ Cyan Sky
Analoog -30° +30°
- E9797D
Salmon Poké Bowl
- DE79AD
≈ Pinking. Fast and Slow
- E4834B
≈ Muskmelon
Triadisch +120° +240°
- E9797D
Salmon Poké Bowl
- 70B45D
≈ Palm Tree
- 69A0F5
≈ Feather Star
Gesplitst complementair +150° +210°
- E9797D
Salmon Poké Bowl
- 11BB91
≈ Mountain Meadow
- 03AFE4
≈ Royal Peacock
Tetradisch +90° +180° +270°
- E9797D
Salmon Poké Bowl
- A7A62B
≈ Mikado Green
- 00B6BC
≈ Cyan Sky
- 9E90F0
≈ Perrywinkle
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.49:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--salmon-poke-bowl: #e9797d;
--salmon-poke-bowl-rgb: 233 121 125;
--salmon-poke-bowl-oklch: oklch(0.704 0.138 19);
}
.element {
color: var(--salmon-poke-bowl);
background-color: hsl(358 72% 69%);
border-color: oklch(0.704 0.138 19);
}Tailwind CSS v4
@theme {
--color-salmon-poke-bowl: #e9797d;
--color-salmon-poke-bowl-50: #ffe6e4;
--color-salmon-poke-bowl-100: #ffd6d4;
--color-salmon-poke-bowl-200: #ffbdbb;
--color-salmon-poke-bowl-300: #f69a99;
--color-salmon-poke-bowl-400: #e47a7e;
--color-salmon-poke-bowl-500: #d25961;
--color-salmon-poke-bowl-600: #b14d52;
--color-salmon-poke-bowl-700: #8e3d41;
--color-salmon-poke-bowl-800: #6a2b31;
--color-salmon-poke-bowl-900: #4b1d21;
--color-salmon-poke-bowl-950: #310d10;
}SCSS
$salmon-poke-bowl: #e9797d;
$salmon-poke-bowl-rgb: 233, 121, 125;
$salmon-poke-bowl-light: mix(#fff, $salmon-poke-bowl, 20%);
$salmon-poke-bowl-dark: mix(#000, $salmon-poke-bowl, 20%);
.element {
color: $salmon-poke-bowl;
box-shadow: 0 0 0 2px rgba($salmon-poke-bowl, 0.35);
}