Najbliższy nazwany kolor · #D38497
#D38497
Najbliższy nazwany kolor: Primrose
#D38497 (rgb(211 132 151), hsl(346 47% 67%), oklch(0.701 0.1 4.4)) jest najbliższy nazwanemu kolorowi Primrose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D38497
oklch(0.701 0.1 4.4)
Konwersje koloru
- HEX
- #d38497
- RGB
- rgb(211 132 151)
- HSL
- hsl(346 47% 67%)
- HWB
- hwb(346 52% 17%)
- OKLCH
- oklch(0.701 0.1 4.4)
- OKLab
- oklab(0.701 0.099 0.008)
- CIE Lab
- lab(64.09 32.96 3.31)
- LCH
- lch(64.09 33.12 5.7)
- CMYK
- cmyk(0% 37% 28% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D890A1
- DD9CAB
- E2A9B5
- E7B5BF
- ECC1CA
- F0CDD4
- F4DADF
- F8E6E9
- FCF2F4
Odcienie ciemniejsze
- B77283
- 9C606F
- 824F5C
- 693F49
- 512F37
- 3A2026
- 241217
- 100608
- 020101
Tony
- CB8495
- C38492
- BB8490
- B3838E
- AA838B
- A28389
- 9A8287
- 918185
- 898182
Harmonie kolorów
Komplementarna +180°
- D38497
Primrose
- 48B3A6
≈ Sacred Turquoise
Analogowa -30° +30°
- D38497
Primrose
- C587B8
≈ Dragonflies
- D58875
≈ Freckles
Triada +120° +240°
- D38497
Primrose
- 91A963
≈ Celuce
- 66A5D8
≈ Baja Blue
Komplementarna rozszczepiona +150° +210°
- D38497
Primrose
- 6AB183
≈ Elf Shoe
- 47AEC5
≈ Viking
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.51:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--primrose: #d38497;
--primrose-rgb: 211 132 151;
--primrose-oklch: oklch(0.701 0.1 4.4);
}
.element {
color: var(--primrose);
background-color: hsl(346 47% 67%);
border-color: oklch(0.701 0.1 4.4);
}Tailwind CSS v4
@theme {
--color-primrose: #d38497;
--color-primrose-50: #ffeaf0;
--color-primrose-100: #ffdbe2;
--color-primrose-200: #fbc3cd;
--color-primrose-300: #e4a2af;
--color-primrose-400: #d08597;
--color-primrose-500: #bc687e;
--color-primrose-600: #9f596b;
--color-primrose-700: #804755;
--color-primrose-800: #5f333f;
--color-primrose-900: #42232c;
--color-primrose-950: #2a1219;
}SCSS
$primrose: #d38497;
$primrose-rgb: 211, 132, 151;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}