En yakın adlandırılmış renk · #FF7874
#FF7874
En yakın adlandırılmış renk: Embarrassment
#FF7874 (rgb(255 120 116), hsl(2 100% 73%), oklch(0.731 0.166 23.7)) en çok Embarrassment adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FF7874
oklch(0.731 0.166 23.7)
Renk dönüşümleri
- HEX
- #ff7874
- RGB
- rgb(255 120 116)
- HSL
- hsl(2 100% 73%)
- HWB
- hwb(2 45% 0%)
- OKLCH
- oklch(0.731 0.166 23.7)
- OKLab
- oklab(0.731 0.152 0.067)
- CIE Lab
- lab(67.11 52.22 28.28)
- LCH
- lch(67.11 59.39 28.4)
- CMYK
- cmyk(0% 53% 55% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF8782
- FF958F
- FFA39D
- FFB1AB
- FFBEB9
- FFCBC7
- FFD8D5
- FFE5E3
- FFF2F1
Koyu tonlar
- DE6764
- BE5754
- 9E4845
- 803937
- 632A29
- 481D1B
- 2E100F
- 160505
- 030101
Gri tonlar
- F37A76
- E77C77
- DA7E79
- CE7F7A
- C2807B
- B5807C
- A8817D
- 9B817E
- 8E807F
Renk uyumları
Tamamlayıcı +180°
- FF7874
Embarrassment
- 00BECB
≈ Panorama Blue
Analog -30° +30°
- FF7874
Embarrassment
- F577AF
≈ Crazy Pink
- F6862E
≈ Peach Fury
Üçlü +120° +240°
- FF7874
Embarrassment
- 5FC25F
≈ Drop Green
- 7AA6FF
≈ Fennel Flower
Bölünmüş tamamlayıcı +150° +210°
- FF7874
Embarrassment
- 00C4A1
≈ Jadeite
- 00B6F8
≈ Blue Bolt
Dörtlü +90° +180° +270°
- FF7874
Embarrassment
- A8B200
≈ Mustard Green
- 00BECB
≈ Panorama Blue
- AE93FF
≈ Lilac Geode
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.19:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--embarrassment: #ff7874;
--embarrassment-rgb: 255 120 116;
--embarrassment-oklch: oklch(0.731 0.166 23.7);
}
.element {
color: var(--embarrassment);
background-color: hsl(2 100% 73%);
border-color: oklch(0.731 0.166 23.7);
}Tailwind CSS v4
@theme {
--color-embarrassment: #ff7874;
--color-embarrassment-50: #ffe4dd;
--color-embarrassment-100: #ffd3cb;
--color-embarrassment-200: #ffb9b0;
--color-embarrassment-300: #ff948b;
--color-embarrassment-400: #f0726e;
--color-embarrassment-500: #df4c4e;
--color-embarrassment-600: #bc4242;
--color-embarrassment-700: #973535;
--color-embarrassment-800: #712527;
--color-embarrassment-900: #50191a;
--color-embarrassment-950: #35080b;
}SCSS
$embarrassment: #ff7874;
$embarrassment-rgb: 255, 120, 116;
$embarrassment-light: mix(#fff, $embarrassment, 20%);
$embarrassment-dark: mix(#000, $embarrassment, 20%);
.element {
color: $embarrassment;
box-shadow: 0 0 0 2px rgba($embarrassment, 0.35);
}