Najbliższy nazwany kolor · #DFA7B2
#DFA7B2
Najbliższy nazwany kolor: Young at Heart
#DFA7B2 (rgb(223 167 178), hsl(348 47% 76%), oklch(0.783 0.067 5.7)) jest najbliższy nazwanemu kolorowi Young at Heart. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DFA7B2
oklch(0.783 0.067 5.7)
Konwersje koloru
- HEX
- #dfa7b2
- RGB
- rgb(223 167 178)
- HSL
- hsl(348 47% 76%)
- HWB
- hwb(348 65% 13%)
- OKLCH
- oklch(0.783 0.067 5.7)
- OKLab
- oklab(0.783 0.067 0.007)
- CIE Lab
- lab(74.07 22.42 2.81)
- LCH
- lch(74.07 22.6 7.1)
- CMYK
- cmyk(0% 25% 20% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3B0B9
- E6B8C1
- EAC1C9
- EDCAD0
- F0D3D8
- F3DBE0
- F6E4E7
- F9EDEF
- FCF6F7
Odcienie ciemniejsze
- C2919A
- A57B83
- 8A666D
- 6F5257
- 563E43
- 3D2C2F
- 271A1D
- 120A0C
- 020101
Tony
- D5A3AD
- CC9FA8
- C29BA3
- B9989E
- AF9499
- A69094
- 9C8C8F
- 93888A
- 898485
Harmonie kolorów
Komplementarna +180°
- DFA7B2
Young at Heart
- 86C7BF
≈ Holiday Turquoise
Analogowa -30° +30°
- DFA7B2
Young at Heart
- D5A9C9
≈ Lofty Delight
- E0AA9B
≈ Tamanegi Peel
Triada +120° +240°
- DFA7B2
Young at Heart
- AEC192
≈ Harmonious
- 95BEE2
≈ Toile Blue
Komplementarna rozszczepiona +150° +210°
- DFA7B2
Young at Heart
- 96C6A6
≈ Mini Green
- 86C4D4
≈ After the Rain
Tetrada +90° +180° +270°
- DFA7B2
Young at Heart
- C5B987
≈ Yuma
- 86C7BF
≈ Holiday Turquoise
- ACB6E4
≈ Perano
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.03:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.30:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--young-at-heart: #dfa7b2;
--young-at-heart-rgb: 223 167 178;
--young-at-heart-oklch: oklch(0.783 0.067 5.7);
}
.element {
color: var(--young-at-heart);
background-color: hsl(348 47% 76%);
border-color: oklch(0.783 0.067 5.7);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #dfa7b2;
--color-young-at-heart-50: #ffeef1;
--color-young-at-heart-100: #fddfe4;
--color-young-at-heart-200: #efc9cf;
--color-young-at-heart-300: #d7aab1;
--color-young-at-heart-400: #c28e98;
--color-young-at-heart-500: #ad737f;
--color-young-at-heart-600: #92626c;
--color-young-at-heart-700: #754e56;
--color-young-at-heart-800: #563940;
--color-young-at-heart-900: #3c272c;
--color-young-at-heart-950: #261519;
}SCSS
$young-at-heart: #dfa7b2;
$young-at-heart-rgb: 223, 167, 178;
$young-at-heart-light: mix(#fff, $young-at-heart, 20%);
$young-at-heart-dark: mix(#000, $young-at-heart, 20%);
.element {
color: $young-at-heart;
box-shadow: 0 0 0 2px rgba($young-at-heart, 0.35);
}