Adlandırılmış renk · #EEC6BF
Strawberry Risotto
Strawberry Risotto, #EEC6BF: rgb(238 198 191), hsl(9 58% 84%), oklch(0.859 0.047 29.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Strawberry Risotto color name →
#EEC6BF
oklch(0.859 0.047 29.7)
Renk dönüşümleri
- HEX
- #eec6bf
- RGB
- rgb(238 198 191)
- HSL
- hsl(9 58% 84%)
- HWB
- hwb(9 75% 7%)
- OKLCH
- oklch(0.859 0.047 29.7)
- OKLab
- oklab(0.859 0.041 0.023)
- CIE Lab
- lab(83.27 13.85 9.11)
- LCH
- lch(83.27 16.58 33.3)
- CMYK
- cmyk(0% 17% 20% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CCC5
- F2D1CC
- F4D7D2
- F5DDD8
- F7E2DF
- F9E8E5
- FAEEEC
- FCF4F2
- FEF9F8
Koyu tonlar
- CFACA6
- B1928D
- 937A75
- 77625E
- 5C4B48
- 423533
- 2A211F
- 140E0D
- 030202
Gri tonlar
- E3BFB9
- D7B8B2
- CCB1AC
- C1A9A5
- B6A29F
- AB9B99
- A09592
- 958E8C
- 8B8786
Renk uyumları
Tamamlayıcı +180°
- EEC6BF
Strawberry Risotto
- AEDAE2
≈ Srsly Blue
Analog -30° +30°
- EEC6BF
Strawberry Risotto
- ECC5CF
≈ Soft Satin
- E9CAB3
≈ Woodstock Rose
Üçlü +120° +240°
- EEC6BF
Strawberry Risotto
- BCDAC1
≈ Cool Spring
- C4D0F0
≈ Frozen Periwinkle
Bölünmüş tamamlayıcı +150° +210°
- EEC6BF
Strawberry Risotto
- B0DBD2
≈ Jaded Clouds
- B6D6ED
≈ Light Template
Dörtlü +90° +180° +270°
- EEC6BF
Strawberry Risotto
- CDD6B4
≈ Avocado Whip
- AEDAE2
≈ Srsly Blue
- D5CAEC
≈ Foggy Love
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.46:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--strawberry-risotto: #eec6bf;
--strawberry-risotto-rgb: 238 198 191;
--strawberry-risotto-oklch: oklch(0.859 0.047 29.7);
}
.element {
color: var(--strawberry-risotto);
background-color: hsl(9 58% 84%);
border-color: oklch(0.859 0.047 29.7);
}Tailwind CSS v4
@theme {
--color-strawberry-risotto: #eec6bf;
--color-strawberry-risotto-50: #fff1ed;
--color-strawberry-risotto-100: #f7e3de;
--color-strawberry-risotto-200: #e8cdc8;
--color-strawberry-risotto-300: #ceafa9;
--color-strawberry-risotto-400: #b9958e;
--color-strawberry-risotto-500: #a37b74;
--color-strawberry-risotto-600: #8a6862;
--color-strawberry-risotto-700: #6e534f;
--color-strawberry-risotto-800: #523c39;
--color-strawberry-risotto-900: #392927;
--color-strawberry-risotto-950: #231715;
}SCSS
$strawberry-risotto: #eec6bf;
$strawberry-risotto-rgb: 238, 198, 191;
$strawberry-risotto-light: mix(#fff, $strawberry-risotto, 20%);
$strawberry-risotto-dark: mix(#000, $strawberry-risotto, 20%);
.element {
color: $strawberry-risotto;
box-shadow: 0 0 0 2px rgba($strawberry-risotto, 0.35);
}