Dichtstbijzijnde benoemde kleur · #EDB3A9
#EDB3A9
Dichtstbijzijnde benoemde kleur: Salmon Glow
#EDB3A9 (rgb(237 179 169), hsl(9 65% 80%), oklch(0.817 0.07 29.8)) komt het dichtst bij de benoemde kleur Salmon Glow. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EDB3A9
oklch(0.817 0.07 29.8)
Kleurconversies
- HEX
- #edb3a9
- RGB
- rgb(237 179 169)
- HSL
- hsl(9 65% 80%)
- HWB
- hwb(9 66% 7%)
- OKLCH
- oklch(0.817 0.07 29.8)
- OKLab
- oklab(0.817 0.06 0.035)
- CIE Lab
- lab(78.21 20.72 13.76)
- LCH
- lch(78.21 24.87 33.6)
- CMYK
- cmyk(0% 24% 29% 7%)
Tinten · Schaduwen · Tonen
Tinten
- EFBBB1
- F1C2BA
- F3CAC2
- F5D1CB
- F7D9D3
- F9E0DC
- FBE8E5
- FCF0ED
- FEF7F6
Schaduwen
- CE9B92
- B0847C
- 936E67
- 775853
- 5C433F
- 422F2C
- 2A1D1B
- 140C0A
- 030101
Tonen
- E2AEA5
- D7A9A1
- CCA49D
- C19F99
- B69994
- AB9490
- A08F8C
- 958A88
- 8B8584
Kleurharmonieën
Complementair +180°
- EDB3A9
Salmon Glow
- 8DD0DC
≈ Foaming Surf
Analoog -30° +30°
- EDB3A9
Salmon Glow
- EAB1C1
≈ Fallen Blossoms
- E6B996
≈ Gentle Doe
Triadisch +120° +240°
- EDB3A9
Salmon Glow
- A4D0AC
≈ Merrylyn
- B1C2F1
≈ Larkspur Bud
Gesplitst complementair +150° +210°
- EDB3A9
Salmon Glow
- 91D3C5
≈ Green Daze
- 9ACAEC
≈ Fail Whale
Tetradisch +90° +180° +270°
- EDB3A9
Salmon Glow
- BDCA98
≈ White Grape
- 8DD0DC
≈ Foaming Surf
- CABAEA
≈ Connecticut Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.80:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.62:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
CSS
:root {
--salmon-glow: #edb3a9;
--salmon-glow-rgb: 237 179 169;
--salmon-glow-oklch: oklch(0.817 0.07 29.8);
}
.element {
color: var(--salmon-glow);
background-color: hsl(9 65% 80%);
border-color: oklch(0.817 0.07 29.8);
}Tailwind CSS v4
@theme {
--color-salmon-glow: #edb3a9;
--color-salmon-glow-50: #ffeee9;
--color-salmon-glow-100: #fee0da;
--color-salmon-glow-200: #f1cac2;
--color-salmon-glow-300: #d9aba2;
--color-salmon-glow-400: #c48f86;
--color-salmon-glow-500: #b0756b;
--color-salmon-glow-600: #94635b;
--color-salmon-glow-700: #774f48;
--color-salmon-glow-800: #583935;
--color-salmon-glow-900: #3e2724;
--color-salmon-glow-950: #271513;
}SCSS
$salmon-glow: #edb3a9;
$salmon-glow-rgb: 237, 179, 169;
$salmon-glow-light: mix(#fff, $salmon-glow, 20%);
$salmon-glow-dark: mix(#000, $salmon-glow, 20%);
.element {
color: $salmon-glow;
box-shadow: 0 0 0 2px rgba($salmon-glow, 0.35);
}