Warna bernama terdekat · #FFAA94
#FFAA94
Warna bernama terdekat: Frozen Salmon
#FFAA94 (rgb(255 170 148), hsl(12 100% 79%), oklch(0.816 0.106 35.2)) paling mendekati warna bernama Frozen Salmon. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#FFAA94
oklch(0.816 0.106 35.2)
Konversi warna
- HEX
- #ffaa94
- RGB
- rgb(255 170 148)
- HSL
- hsl(12 100% 79%)
- HWB
- hwb(12 58% 0%)
- OKLCH
- oklch(0.816 0.106 35.2)
- OKLab
- oklab(0.816 0.086 0.061)
- CIE Lab
- lab(77.79 30.32 24.85)
- LCH
- lch(77.79 39.2 39.3)
- CMYK
- cmyk(0% 33% 42% 0%)
Tint · Shade · Tone
Tint
- FFB39F
- FFBBA9
- FFC4B4
- FFCCBF
- FFD5C9
- FFDDD4
- FFE6DF
- FFEEE9
- FFF7F4
Shade
- DE9380
- BE7D6D
- 9E685A
- 805348
- 633F36
- 482D26
- 2E1B16
- 160B08
- 030101
Tone
- F2A692
- E5A290
- D99E8F
- CC9A8D
- BF968B
- B39189
- A68D87
- 998984
- 8D8482
Harmoni warna
Komplementer +180°
- FFAA94
Frozen Salmon
- 67D4EE
≈ Middle Blue
Analog -30° +30°
- FFAA94
Frozen Salmon
- FDA6B9
≈ Amélie’s Tutu
- F2B578
≈ Surprise Amber
Triadik +120° +240°
- FFAA94
Frozen Salmon
- 89D7A5
≈ Patrice
- B1BEFF
≈ Dried Lilac
Split-komplementer +150° +210°
- FFAA94
Frozen Salmon
- 68D9CC
≈ Hammam Blue
- 8BCAFF
≈ Platonic Blue
Tetradik +90° +180° +270°
- FFAA94
Frozen Salmon
- B3CF82
≈ Nurgling Green
- 67D4EE
≈ Middle Blue
- D3B1FA
≈ Light Violet
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.83:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.42:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--frozen-salmon: #ffaa94;
--frozen-salmon-rgb: 255 170 148;
--frozen-salmon-oklch: oklch(0.816 0.106 35.2);
}
.element {
color: var(--frozen-salmon);
background-color: hsl(12 100% 79%);
border-color: oklch(0.816 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-frozen-salmon: #ffaa94;
--color-frozen-salmon-50: #ffebe0;
--color-frozen-salmon-100: #ffdccf;
--color-frozen-salmon-200: #fdc5b5;
--color-frozen-salmon-300: #e8a591;
--color-frozen-salmon-400: #d58773;
--color-frozen-salmon-500: #c16a54;
--color-frozen-salmon-600: #a35a48;
--color-frozen-salmon-700: #834839;
--color-frozen-salmon-800: #62342a;
--color-frozen-salmon-900: #45231c;
--color-frozen-salmon-950: #2c120c;
}SCSS
$frozen-salmon: #ffaa94;
$frozen-salmon-rgb: 255, 170, 148;
$frozen-salmon-light: mix(#fff, $frozen-salmon, 20%);
$frozen-salmon-dark: mix(#000, $frozen-salmon, 20%);
.element {
color: $frozen-salmon;
box-shadow: 0 0 0 2px rgba($frozen-salmon, 0.35);
}