Colore con nome · #D88668
King Salmon
King Salmon è #D88668: rgb(216 134 104), hsl(16 59% 63%), oklch(0.699 0.11 40.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · King Salmon color name →
#D88668
oklch(0.699 0.11 40.8)
Conversioni di colore
- HEX
- #d88668
- RGB
- rgb(216 134 104)
- HSL
- hsl(16 59% 63%)
- HWB
- hwb(16 41% 15%)
- OKLCH
- oklch(0.699 0.11 40.8)
- OKLab
- oklab(0.699 0.083 0.072)
- CIE Lab
- lab(64.33 30.06 30.05)
- LCH
- lch(64.33 42.5 45)
- CMYK
- cmyk(0% 38% 52% 15%)
Tinte · Ombre · Toni
Tinte
- DD9277
- E29E86
- E6AA95
- EAB6A4
- EEC2B3
- F2CEC2
- F6DBD1
- F9E7E0
- FCF3F0
Ombre
- BC7459
- A0624B
- 85513E
- 6B4030
- 533024
- 3B2118
- 25130C
- 110604
- 020100
Toni
- CF866B
- C7866E
- BE8571
- B68573
- AD8476
- A48478
- 9B837A
- 92827C
- 89817E
Armonie di colore
Complementare +180°
- D88668
King Salmon
- 3CADCE
≈ Summer Air
Analogo -30° +30°
- D88668
King Salmon
- D9808D
≈ I Love You Pink
- C9924C
≈ Slightly Golden
Triadico +120° +240°
- D88668
King Salmon
- 58B387
≈ Jade Cream
- 9296E1
≈ Portage
Complementare divisa +150° +210°
- D88668
King Salmon
- 2FB4AE
≈ Glass Jar Blue
- 68A3E0
≈ Windjammer
Tetradico +90° +180° +270°
- D88668
King Salmon
- 86AC62
≈ Chelsea Cucumber
- 3CADCE
≈ Summer Air
- B48AD1
≈ Pale Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.52:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--king-salmon: #d88668;
--king-salmon-rgb: 216 134 104;
--king-salmon-oklch: oklch(0.699 0.11 40.8);
}
.element {
color: var(--king-salmon);
background-color: hsl(16 59% 63%);
border-color: oklch(0.699 0.11 40.8);
}Tailwind CSS v4
@theme {
--color-king-salmon: #d88668;
--color-king-salmon-50: #ffecdd;
--color-king-salmon-100: #ffddcb;
--color-king-salmon-200: #fec6af;
--color-king-salmon-300: #e8a58a;
--color-king-salmon-400: #d6886b;
--color-king-salmon-500: #c26b4a;
--color-king-salmon-600: #a45b40;
--color-king-salmon-700: #844832;
--color-king-salmon-800: #623425;
--color-king-salmon-900: #452318;
--color-king-salmon-950: #2c1209;
}SCSS
$king-salmon: #d88668;
$king-salmon-rgb: 216, 134, 104;
$king-salmon-light: mix(#fff, $king-salmon, 20%);
$king-salmon-dark: mix(#000, $king-salmon, 20%);
.element {
color: $king-salmon;
box-shadow: 0 0 0 2px rgba($king-salmon, 0.35);
}