Najbliższy nazwany kolor · #FFD5D4
#FFD5D4
Najbliższy nazwany kolor: Girlie
#FFD5D4 (rgb(255 213 212), hsl(1 100% 92%), oklch(0.908 0.047 19.7)) jest najbliższy nazwanemu kolorowi Girlie. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFD5D4
oklch(0.908 0.047 19.7)
Konwersje koloru
- HEX
- #ffd5d4
- RGB
- rgb(255 213 212)
- HSL
- hsl(1 100% 92%)
- HWB
- hwb(1 83% 0%)
- OKLCH
- oklch(0.908 0.047 19.7)
- OKLab
- oklab(0.908 0.044 0.016)
- CIE Lab
- lab(88.89 15.04 6.29)
- LCH
- lch(88.89 16.3 22.7)
- CMYK
- cmyk(0% 16% 17% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD9D8
- FFDDDD
- FFE2E1
- FFE6E5
- FFEAE9
- FFEEEE
- FFF2F2
- FFF7F6
- FFFBFB
Odcienie ciemniejsze
- DEB9B8
- BE9E9D
- 9E8383
- 806A69
- 635151
- 483A3A
- 2E2424
- 161010
- 030202
Tony
- F2CCCB
- E5C3C3
- D8BBBA
- CBB2B2
- BEAAA9
- B1A1A1
- A59998
- 989090
- 8C8888
Harmonie kolorów
Komplementarna +180°
- FFD5D4
Girlie
- BDEBED
≈ Cold Blooded
Analogowa -30° +30°
- FFD5D4
Girlie
- FAD5E5
≈ Sunset Pink
- FCD8C6
≈ Camisole
Triada +120° +240°
- FFD5D4
Girlie
- D1E9CB
≈ Applemint
- D0E2FF
≈ Arc Light
Komplementarna rozszczepiona +150° +210°
- FFD5D4
Girlie
- C3ECDC
≈ Seafoam Pearl
- C2E7FA
≈ Icy Landscape
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.72:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--girlie: #ffd5d4;
--girlie-rgb: 255 213 212;
--girlie-oklch: oklch(0.908 0.047 19.7);
}
.element {
color: var(--girlie);
background-color: hsl(1 100% 92%);
border-color: oklch(0.908 0.047 19.7);
}Tailwind CSS v4
@theme {
--color-girlie: #ffd5d4;
--color-girlie-50: #fff0ef;
--color-girlie-100: #f7e2e1;
--color-girlie-200: #e8cdcb;
--color-girlie-300: #cfaead;
--color-girlie-400: #b99493;
--color-girlie-500: #a37a79;
--color-girlie-600: #8a6767;
--color-girlie-700: #6f5352;
--color-girlie-800: #523c3c;
--color-girlie-900: #392929;
--color-girlie-950: #231717;
}SCSS
$girlie: #ffd5d4;
$girlie-rgb: 255, 213, 212;
$girlie-light: mix(#fff, $girlie, 20%);
$girlie-dark: mix(#000, $girlie, 20%);
.element {
color: $girlie;
box-shadow: 0 0 0 2px rgba($girlie, 0.35);
}