Adlandırılmış renk · #FF6655
Pickled Salmon
Pickled Salmon, #FF6655: rgb(255 102 85), hsl(6 100% 67%), oklch(0.702 0.19 29.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pickled Salmon color name →
#FF6655
oklch(0.702 0.19 29.1)
Renk dönüşümleri
- HEX
- #ff6655
- RGB
- rgb(255 102 85)
- HSL
- hsl(6 100% 67%)
- HWB
- hwb(6 33% 0%)
- OKLCH
- oklch(0.702 0.19 29.1)
- OKLab
- oklab(0.702 0.166 0.092)
- CIE Lab
- lab(63.61 58.6 41.1)
- LCH
- lch(63.61 71.58 35)
- CMYK
- cmyk(0% 60% 67% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF7867
- FF8978
- FF9889
- FFA89A
- FFB7AA
- FFC6BB
- FFD4CC
- FFE2DD
- FFF1EE
Koyu tonlar
- DE5849
- BE4A3D
- 9E3C31
- 802F26
- 63231C
- 481711
- 2E0C08
- 160402
- 030000
Gri tonlar
- F36B5B
- E76F60
- DB7365
- CF7669
- C3796E
- B67B72
- A97D75
- 9C7E79
- 8E7F7D
Renk uyumları
Tamamlayıcı +180°
- FF6655
Pickled Salmon
- 00B3C7
≈ Antigua Blue
Analog -30° +30°
- FF6655
Pickled Salmon
- F7629C
≈ Medium Pink
- E88100
≈ Master Round Yellow
Üçlü +120° +240°
- FF6655
Pickled Salmon
- 1EBE57
≈ Vegan Mastermind
- 7898FF
≈ Periwinkle Blue
Bölünmüş tamamlayıcı +150° +210°
- FF6655
Pickled Salmon
- 00B8A1
≈ Aare River
- 00AAF6
≈ Krishna Blue
Dörtlü +90° +180° +270°
- FF6655
Pickled Salmon
- 94AC00
≈ Barf Green
- 00B3C7
≈ Antigua Blue
- B080FF
≈ Lilac Geode
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.88:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.28:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.28:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pickled-salmon: #ff6655;
--pickled-salmon-rgb: 255 102 85;
--pickled-salmon-oklch: oklch(0.702 0.19 29.1);
}
.element {
color: var(--pickled-salmon);
background-color: hsl(6 100% 67%);
border-color: oklch(0.702 0.19 29.1);
}Tailwind CSS v4
@theme {
--color-pickled-salmon: #ff6655;
--color-pickled-salmon-50: #ffe2d4;
--color-pickled-salmon-100: #ffd1c1;
--color-pickled-salmon-200: #ffb5a2;
--color-pickled-salmon-300: #ff8f7a;
--color-pickled-salmon-400: #fa6a59;
--color-pickled-salmon-500: #e93f31;
--color-pickled-salmon-600: #c5372b;
--color-pickled-salmon-700: #9e2c22;
--color-pickled-salmon-800: #761e1a;
--color-pickled-salmon-900: #541411;
--color-pickled-salmon-950: #380404;
}SCSS
$pickled-salmon: #ff6655;
$pickled-salmon-rgb: 255, 102, 85;
$pickled-salmon-light: mix(#fff, $pickled-salmon, 20%);
$pickled-salmon-dark: mix(#000, $pickled-salmon, 20%);
.element {
color: $pickled-salmon;
box-shadow: 0 0 0 2px rgba($pickled-salmon, 0.35);
}