Nazwany kolor · #E7B2D0
Gumball
Gumball to #E7B2D0: rgb(231 178 208), hsl(326 52% 80%), oklch(0.82 0.073 343.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Gumball color name →
#E7B2D0
oklch(0.82 0.073 343.8)
Konwersje koloru
- HEX
- #e7b2d0
- RGB
- rgb(231 178 208)
- HSL
- hsl(326 52% 80%)
- HWB
- hwb(326 70% 9%)
- OKLCH
- oklch(0.82 0.073 343.8)
- OKLab
- oklab(0.82 0.07 -0.02)
- CIE Lab
- lab(78.18 23.31 -7.4)
- LCH
- lch(78.18 24.46 342.4)
- CMYK
- cmyk(0% 23% 10% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EABAD5
- ECC1D9
- EFC9DE
- F2D1E3
- F4D8E7
- F6E0EC
- F9E8F1
- FBEFF6
- FDF7FA
Odcienie ciemniejsze
- C99AB5
- AB839A
- 8F6D80
- 735767
- 59434F
- 402F39
- 281D23
- 130C10
- 030102
Tony
- DCADC8
- D2A8BF
- C8A3B7
- BD9EAF
- B399A7
- A9949F
- 9E8F97
- 948A8F
- 8A8588
Harmonie kolorów
Komplementarna +180°
- E7B2D0
Gumball
- 98D4B8
≈ Menthol Green
Analogowa -30° +30°
- E7B2D0
Gumball
- D6B7E6
≈ Pretty Petunia
- EFB2B6
≈ Jaguar Rose
Triada +120° +240°
- E7B2D0
Gumball
- CCC790
≈ Dusty Yellow
- 90CFE7
≈ Bluebottle
Komplementarna rozszczepiona +150° +210°
- E7B2D0
Gumball
- B1CF9F
≈ Apium
- 8BD4D2
≈ Mountain Lake Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.67:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--gumball: #e7b2d0;
--gumball-rgb: 231 178 208;
--gumball-oklch: oklch(0.82 0.073 343.8);
}
.element {
color: var(--gumball);
background-color: hsl(326 52% 80%);
border-color: oklch(0.82 0.073 343.8);
}Tailwind CSS v4
@theme {
--color-gumball: #e7b2d0;
--color-gumball-50: #ffedfa;
--color-gumball-100: #fbdfed;
--color-gumball-200: #ecc8db;
--color-gumball-300: #d4a9bf;
--color-gumball-400: #be8ea9;
--color-gumball-500: #a97392;
--color-gumball-600: #8f617c;
--color-gumball-700: #724e63;
--color-gumball-800: #543849;
--color-gumball-900: #3b2733;
--color-gumball-950: #24151f;
}SCSS
$gumball: #e7b2d0;
$gumball-rgb: 231, 178, 208;
$gumball-light: mix(#fff, $gumball, 20%);
$gumball-dark: mix(#000, $gumball, 20%);
.element {
color: $gumball;
box-shadow: 0 0 0 2px rgba($gumball, 0.35);
}