Adlandırılmış renk · #F9906F
Salmon Nigiri
Salmon Nigiri, #F9906F: rgb(249 144 111), hsl(14 92% 71%), oklch(0.758 0.136 38.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Salmon Nigiri color name →
#F9906F
oklch(0.758 0.136 38.2)
Renk dönüşümleri
- HEX
- #f9906f
- RGB
- rgb(249 144 111)
- HSL
- hsl(14 92% 71%)
- HWB
- hwb(14 44% 2%)
- OKLCH
- oklch(0.758 0.136 38.2)
- OKLab
- oklab(0.758 0.107 0.084)
- CIE Lab
- lab(70.89 38.41 35.58)
- LCH
- lch(70.89 52.35 42.8)
- CMYK
- cmyk(0% 42% 55% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FB9C7E
- FDA78C
- FEB29B
- FFBEA9
- FFC9B7
- FFD4C5
- FFDED4
- FFE9E2
- FFF4F1
Koyu tonlar
- D97D60
- B96A51
- 9A5742
- 7D4534
- 613427
- 46241A
- 2C150E
- 150704
- 030101
Gri tonlar
- ED8F72
- E18E74
- D58D76
- C98B78
- BD8A7A
- B1887B
- A5867D
- 99847E
- 8D827F
Renk uyumları
Tamamlayıcı +180°
- F9906F
Salmon Nigiri
- 07C4EA
≈ Blue Raspberry
Analog -30° +30°
- F9906F
Salmon Nigiri
- F88AA0
≈ Strawberry Soap
- E89F45
≈ Granary Gold
Üçlü +120° +240°
- F9906F
Salmon Nigiri
- 58CA8F
≈ Vegetation
- 9EA8FF
≈ Widowmaker
Bölünmüş tamamlayıcı +150° +210°
- F9906F
Salmon Nigiri
- 00CBC0
≈ Pristine Oceanic
- 69B7FF
≈ French Sky Blue
Dörtlü +90° +180° +270°
- F9906F
Salmon Nigiri
- 97C15E
≈ Cabbage Patch
- 07C4EA
≈ Blue Raspberry
- C998F2
≈ Dream Vapour
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.27:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.24:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--salmon-nigiri: #f9906f;
--salmon-nigiri-rgb: 249 144 111;
--salmon-nigiri-oklch: oklch(0.758 0.136 38.2);
}
.element {
color: var(--salmon-nigiri);
background-color: hsl(14 92% 71%);
border-color: oklch(0.758 0.136 38.2);
}Tailwind CSS v4
@theme {
--color-salmon-nigiri: #f9906f;
--color-salmon-nigiri-50: #ffe9d8;
--color-salmon-nigiri-100: #ffdac6;
--color-salmon-nigiri-200: #ffc1a8;
--color-salmon-nigiri-300: #f39f82;
--color-salmon-nigiri-400: #e28061;
--color-salmon-nigiri-500: #cf603d;
--color-salmon-nigiri-600: #af5235;
--color-salmon-nigiri-700: #8d422a;
--color-salmon-nigiri-800: #692f1f;
--color-salmon-nigiri-900: #4a2014;
--color-salmon-nigiri-950: #300f06;
}SCSS
$salmon-nigiri: #f9906f;
$salmon-nigiri-rgb: 249, 144, 111;
$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);
}