Adlandırılmış renk · #ECB3BE
Frozen Veins
Frozen Veins, #ECB3BE: rgb(236 179 190), hsl(348 60% 81%), oklch(0.822 0.068 5.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Frozen Veins color name →
#ECB3BE
oklch(0.822 0.068 5.8)
Renk dönüşümleri
- HEX
- #ecb3be
- RGB
- rgb(236 179 190)
- HSL
- hsl(348 60% 81%)
- HWB
- hwb(348 70% 7%)
- OKLCH
- oklch(0.822 0.068 5.8)
- OKLab
- oklab(0.822 0.067 0.007)
- CIE Lab
- lab(78.52 22.52 2.88)
- LCH
- lch(78.52 22.7 7.3)
- CMYK
- cmyk(0% 24% 19% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEBBC4
- F1C2CB
- F3CAD1
- F5D1D8
- F7D9DE
- F9E0E5
- FAE8EB
- FCF0F2
- FEF7F8
Koyu tonlar
- CD9BA5
- AF848C
- 926E75
- 76585E
- 5B4348
- 422F33
- 291D1F
- 130C0D
- 030102
Gri tonlar
- E1AEB8
- D6A9B1
- CBA4AB
- C09FA5
- B5999E
- AB9498
- A08F92
- 958A8C
- 8B8586
Renk uyumları
Tamamlayıcı +180°
- ECB3BE
Frozen Veins
- 92D3CB
≈ Summer Soft Blue
Analog -30° +30°
- ECB3BE
Frozen Veins
- E2B5D6
≈ Pink Gems
- EDB6A7
≈ Plushy Pink
Üçlü +120° +240°
- ECB3BE
Frozen Veins
- BACD9E
≈ New Frond
- A1CAEE
≈ Baby Blue Eyes
Bölünmüş tamamlayıcı +150° +210°
- ECB3BE
Frozen Veins
- A2D2B2
≈ Merrylyn
- 92D0E1
≈ Iqaluit Ice
Dörtlü +90° +180° +270°
- ECB3BE
Frozen Veins
- D2C593
≈ Vast Escape
- 92D3CB
≈ Summer Soft Blue
- B8C2F1
≈ Vodka
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.75:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-veins: #ecb3be;
--frozen-veins-rgb: 236 179 190;
--frozen-veins-oklch: oklch(0.822 0.068 5.8);
}
.element {
color: var(--frozen-veins);
background-color: hsl(348 60% 81%);
border-color: oklch(0.822 0.068 5.8);
}Tailwind CSS v4
@theme {
--color-frozen-veins: #ecb3be;
--color-frozen-veins-50: #ffeef1;
--color-frozen-veins-100: #fddfe3;
--color-frozen-veins-200: #efc9cf;
--color-frozen-veins-300: #d7aab1;
--color-frozen-veins-400: #c28e98;
--color-frozen-veins-500: #ad737f;
--color-frozen-veins-600: #92626c;
--color-frozen-veins-700: #754e56;
--color-frozen-veins-800: #573940;
--color-frozen-veins-900: #3c272c;
--color-frozen-veins-950: #261519;
}SCSS
$frozen-veins: #ecb3be;
$frozen-veins-rgb: 236, 179, 190;
$frozen-veins-light: mix(#fff, $frozen-veins, 20%);
$frozen-veins-dark: mix(#000, $frozen-veins, 20%);
.element {
color: $frozen-veins;
box-shadow: 0 0 0 2px rgba($frozen-veins, 0.35);
}