Nazwany kolor · #ECBDB0
Virgin Peach
Virgin Peach to #ECBDB0: rgb(236 189 176), hsl(13 61% 81%), oklch(0.837 0.057 36). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Virgin Peach color name →
#ECBDB0
oklch(0.837 0.057 36)
Konwersje koloru
- HEX
- #ecbdb0
- RGB
- rgb(236 189 176)
- HSL
- hsl(13 61% 81%)
- HWB
- hwb(13 69% 7%)
- OKLCH
- oklch(0.837 0.057 36)
- OKLab
- oklab(0.837 0.046 0.034)
- CIE Lab
- lab(80.61 16.01 13.34)
- LCH
- lch(80.61 20.84 39.8)
- CMYK
- cmyk(0% 20% 25% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEC4B8
- F0CAC0
- F2D1C7
- F4D7CF
- F6DED7
- F8E4DF
- FAEBE7
- FCF2EF
- FDF8F7
Odcienie ciemniejsze
- CDA499
- AF8C82
- 92746C
- 765D56
- 5B4742
- 42332E
- 291F1C
- 130D0B
- 030201
Tony
- E1B7AB
- D6B1A6
- CBAAA1
- C0A49D
- B59E98
- AA9893
- A0928E
- 958C8A
- 8A8685
Harmonie kolorów
Komplementarna +180°
- ECBDB0
Virgin Peach
- 9FD3E1
≈ Ocean Cruise
Analogowa -30° +30°
- ECBDB0
Virgin Peach
- EBBBC4
≈ Cat Nose
- E4C3A3
≈ Buttercup Yellow
Triada +120° +240°
- ECBDB0
Virgin Peach
- ACD5BA
≈ Eerie Glow
- BFC7EF
≈ Cuddle
Komplementarna rozszczepiona +150° +210°
- ECBDB0
Virgin Peach
- 9FD6CF
≈ Touch of Turquoise
- ABCEED
≈ Andromeda Blue
Tetrada +90° +180° +270°
- ECBDB0
Virgin Peach
- C0D1A8
≈ Landscape
- 9FD3E1
≈ Ocean Cruise
- D2C0E8
≈ York Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.47:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--virgin-peach: #ecbdb0;
--virgin-peach-rgb: 236 189 176;
--virgin-peach-oklch: oklch(0.837 0.057 36);
}
.element {
color: var(--virgin-peach);
background-color: hsl(13 61% 81%);
border-color: oklch(0.837 0.057 36);
}Tailwind CSS v4
@theme {
--color-virgin-peach: #ecbdb0;
--color-virgin-peach-50: #fff0ea;
--color-virgin-peach-100: #fae2da;
--color-virgin-peach-200: #ebccc3;
--color-virgin-peach-300: #d3aea3;
--color-virgin-peach-400: #be9387;
--color-virgin-peach-500: #a8796c;
--color-virgin-peach-600: #8e675c;
--color-virgin-peach-700: #725249;
--color-virgin-peach-800: #543b35;
--color-virgin-peach-900: #3b2924;
--color-virgin-peach-950: #251613;
}SCSS
$virgin-peach: #ecbdb0;
$virgin-peach-rgb: 236, 189, 176;
$virgin-peach-light: mix(#fff, $virgin-peach, 20%);
$virgin-peach-dark: mix(#000, $virgin-peach, 20%);
.element {
color: $virgin-peach;
box-shadow: 0 0 0 2px rgba($virgin-peach, 0.35);
}