Dichtstbijzijnde benoemde kleur · #F2774E
#F2774E
Dichtstbijzijnde benoemde kleur: Sassy Salmon
#F2774E (rgb(242 119 78), hsl(15 86% 63%), oklch(0.705 0.162 38.8)) komt het dichtst bij de benoemde kleur Sassy Salmon. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#F2774E
oklch(0.705 0.162 38.8)
Kleurconversies
- HEX
- #f2774e
- RGB
- rgb(242 119 78)
- HSL
- hsl(15 86% 63%)
- HWB
- hwb(15 31% 5%)
- OKLCH
- oklch(0.705 0.162 38.8)
- OKLab
- oklab(0.705 0.126 0.101)
- CIE Lab
- lab(64.52 46.19 45.19)
- LCH
- lch(64.52 64.62 44.4)
- CMYK
- cmyk(0% 51% 68% 5%)
Tinten · Schaduwen · Tonen
Tinten
- F58661
- F89473
- FAA285
- FCB097
- FEBDA8
- FFCAB9
- FFD8CB
- FFE5DC
- FFF2ED
Schaduwen
- D26743
- B45738
- 96472D
- 793823
- 5E2A19
- 431C0F
- 2B1007
- 140502
- 030100
Tonen
- E77955
- DC7B5B
- D17D61
- C67E66
- BB7F6B
- B08070
- A48074
- 998078
- 8C807C
Kleurharmonieën
Complementair +180°
- F2774E
Sassy Salmon
- 00B2D5
≈ Aquarius
Analoog -30° +30°
- F2774E
Sassy Salmon
- F16F8B
≈ Grapefruit Juice
- DD8B00
≈ Non-Stop Orange
Triadisch +120° +240°
- F2774E
Sassy Salmon
- 06BD7A
≈ Fennel Fiesta
- 8C93FF
≈ Periwinkle Blue
Gesplitst complementair +150° +210°
- F2774E
Sassy Salmon
- 00B8AF
≈ Super Rare Jade
- 3FA5FF
≈ Xed
Tetradisch +90° +180° +270°
- F2774E
Sassy Salmon
- 80B235
≈ Football Field
- 00B2D5
≈ Aquarius
- BD81EC
≈ Azuremyst Isle
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.52:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--sassy-salmon: #f2774e;
--sassy-salmon-rgb: 242 119 78;
--sassy-salmon-oklch: oklch(0.705 0.162 38.8);
}
.element {
color: var(--sassy-salmon);
background-color: hsl(15 86% 63%);
border-color: oklch(0.705 0.162 38.8);
}Tailwind CSS v4
@theme {
--color-sassy-salmon: #f2774e;
--color-sassy-salmon-50: #ffe7d2;
--color-sassy-salmon-100: #ffd7bf;
--color-sassy-salmon-200: #ffbd9f;
--color-sassy-salmon-300: #fd9a75;
--color-sassy-salmon-400: #ed7852;
--color-sassy-salmon-500: #db5525;
--color-sassy-salmon-600: #b94921;
--color-sassy-salmon-700: #953a1b;
--color-sassy-salmon-800: #6f2914;
--color-sassy-salmon-900: #4e1c0d;
--color-sassy-salmon-950: #340b02;
}SCSS
$sassy-salmon: #f2774e;
$sassy-salmon-rgb: 242, 119, 78;
$sassy-salmon-light: mix(#fff, $sassy-salmon, 20%);
$sassy-salmon-dark: mix(#000, $sassy-salmon, 20%);
.element {
color: $sassy-salmon;
box-shadow: 0 0 0 2px rgba($sassy-salmon, 0.35);
}