Najbliższy nazwany kolor · #FF9069
#FF9069
Najbliższy nazwany kolor: Salmon Nigiri
#FF9069 (rgb(255 144 105), hsl(16 100% 71%), oklch(0.765 0.145 39.9)) jest najbliższy nazwanemu kolorowi Salmon Nigiri. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FF9069
oklch(0.765 0.145 39.9)
Konwersje koloru
- HEX
- #ff9069
- RGB
- rgb(255 144 105)
- HSL
- hsl(16 100% 71%)
- HWB
- hwb(16 41% 0%)
- OKLCH
- oklch(0.765 0.145 39.9)
- OKLab
- oklab(0.765 0.111 0.093)
- CIE Lab
- lab(71.62 40.39 39.86)
- LCH
- lch(71.62 56.74 44.6)
- CMYK
- cmyk(0% 44% 59% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF9C79
- FFA788
- FFB397
- FFBEA6
- FFC9B5
- FFD4C4
- FFDFD2
- FFEAE1
- FFF4F0
Odcienie ciemniejsze
- DE7D5A
- BE6A4C
- 9E573E
- 804531
- 633424
- 482418
- 2E150C
- 160704
- 030100
Tony
- F28F6C
- E68E70
- D98D72
- CD8C75
- C08A77
- B48879
- A7877B
- 9A857D
- 8D827F
Harmonie kolorów
Komplementarna +180°
- FF9069
Salmon Nigiri
- 00C6EF
≈ Picnic Day Sky
Analogowa -30° +30°
- FF9069
Salmon Nigiri
- FF899E
≈ Bunny Fluff
- ECA039
≈ Gilded Leaves
Triada +120° +240°
- FF9069
Salmon Nigiri
- 4BCE92
≈ Vegetation
- A3A9FF
≈ Shy Moment
Komplementarna rozszczepiona +150° +210°
- FF9069
Salmon Nigiri
- 00CDC5
≈ Blue Martina
- 71B8FF
≈ French Sky Blue
Tetrada +90° +180° +270°
- FF9069
Salmon Nigiri
- 94C45C
≈ Cabbage Patch
- 00C6EF
≈ Picnic Day Sky
- CF97F7
≈ Baby Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.44:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.44:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-nigiri: #ff9069;
--salmon-nigiri-rgb: 255 144 105;
--salmon-nigiri-oklch: oklch(0.765 0.145 39.9);
}
.element {
color: var(--salmon-nigiri);
background-color: hsl(16 100% 71%);
border-color: oklch(0.765 0.145 39.9);
}Tailwind CSS v4
@theme {
--color-salmon-nigiri: #ff9069;
--color-salmon-nigiri-50: #ffe8d5;
--color-salmon-nigiri-100: #ffd9c3;
--color-salmon-nigiri-200: #ffc0a4;
--color-salmon-nigiri-300: #f69e7c;
--color-salmon-nigiri-400: #e57e5a;
--color-salmon-nigiri-500: #d35e32;
--color-salmon-nigiri-600: #b2502c;
--color-salmon-nigiri-700: #8f4023;
--color-salmon-nigiri-800: #6b2d19;
--color-salmon-nigiri-900: #4b1e10;
--color-salmon-nigiri-950: #310e04;
}SCSS
$salmon-nigiri: #ff9069;
$salmon-nigiri-rgb: 255, 144, 105;
$salmon-nigiri-light: mix(#fff, $salmon-nigiri, 20%);
$salmon-nigiri-dark: mix(#000, $salmon-nigiri, 20%);
.element {
color: $salmon-nigiri;
box-shadow: 0 0 0 2px rgba($salmon-nigiri, 0.35);
}