Adlandırılmış renk · #EEC4B4
Fatty Sashimi
Fatty Sashimi, #EEC4B4: rgb(238 196 180), hsl(17 63% 82%), oklch(0.853 0.053 41.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Fatty Sashimi color name →
#EEC4B4
oklch(0.853 0.053 41.9)
Renk dönüşümleri
- HEX
- #eec4b4
- RGB
- rgb(238 196 180)
- HSL
- hsl(17 63% 82%)
- HWB
- hwb(17 71% 7%)
- OKLCH
- oklch(0.853 0.053 41.9)
- OKLab
- oklab(0.853 0.039 0.035)
- CIE Lab
- lab(82.57 13.68 13.97)
- LCH
- lch(82.57 19.56 45.6)
- CMYK
- cmyk(0% 18% 24% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CABB
- F2D0C3
- F4D6CA
- F5DCD2
- F7E1D9
- F9E7E1
- FAEDE8
- FCF3F0
- FEF9F7
Koyu tonlar
- CFAA9C
- B19185
- 93786E
- 776158
- 5C4A44
- 423530
- 2A211D
- 140E0C
- 030202
Gri tonlar
- E3BDAF
- D7B6A9
- CCAFA4
- C1A89F
- B6A29A
- AB9B95
- A0948F
- 958D8A
- 8B8785
Renk uyumları
Tamamlayıcı +180°
- EEC4B4
Fatty Sashimi
- A9D7E8
≈ Blue Click
Analog -30° +30°
- EEC4B4
Fatty Sashimi
- EFC1C5
≈ Loveable
- E5CAA9
≈ Manila
Üçlü +120° +240°
- EEC4B4
Fatty Sashimi
- B1DAC4
≈ Mint Gala
- C8CBF1
≈ Miami White
Bölünmüş tamamlayıcı +150° +210°
- EEC4B4
Fatty Sashimi
- A7DAD7
≈ Brilliante
- B6D2F1
≈ Frost Fairy
Dörtlü +90° +180° +270°
- EEC4B4
Fatty Sashimi
- C2D6B3
≈ Meadow Grass
- A9D7E8
≈ Blue Click
- DAC5E8
≈ Foggy Love
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.19:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--fatty-sashimi: #eec4b4;
--fatty-sashimi-rgb: 238 196 180;
--fatty-sashimi-oklch: oklch(0.853 0.053 41.9);
}
.element {
color: var(--fatty-sashimi);
background-color: hsl(17 63% 82%);
border-color: oklch(0.853 0.053 41.9);
}Tailwind CSS v4
@theme {
--color-fatty-sashimi: #eec4b4;
--color-fatty-sashimi-50: #fff1e9;
--color-fatty-sashimi-100: #f8e3da;
--color-fatty-sashimi-200: #e9cec2;
--color-fatty-sashimi-300: #d0afa2;
--color-fatty-sashimi-400: #bb9586;
--color-fatty-sashimi-500: #a57b6b;
--color-fatty-sashimi-600: #8c685b;
--color-fatty-sashimi-700: #705348;
--color-fatty-sashimi-800: #533c35;
--color-fatty-sashimi-900: #3a2924;
--color-fatty-sashimi-950: #241713;
}SCSS
$fatty-sashimi: #eec4b4;
$fatty-sashimi-rgb: 238, 196, 180;
$fatty-sashimi-light: mix(#fff, $fatty-sashimi, 20%);
$fatty-sashimi-dark: mix(#000, $fatty-sashimi, 20%);
.element {
color: $fatty-sashimi;
box-shadow: 0 0 0 2px rgba($fatty-sashimi, 0.35);
}