Nazwany kolor · #E0CDD1
Rosebud
Rosebud to #E0CDD1: rgb(224 205 209), hsl(347 23% 84%), oklch(0.865 0.022 3.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rosebud color name →
#E0CDD1
oklch(0.865 0.022 3.2)
Konwersje koloru
- HEX
- #e0cdd1
- RGB
- rgb(224 205 209)
- HSL
- hsl(347 23% 84%)
- HWB
- hwb(347 80% 12%)
- OKLCH
- oklch(0.865 0.022 3.2)
- OKLab
- oklab(0.865 0.022 0.001)
- CIE Lab
- lab(84.08 7.35 0.53)
- LCH
- lch(84.08 7.37 4.1)
- CMYK
- cmyk(0% 8% 7% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D2D6
- E6D7DA
- E9DCDF
- ECE1E3
- F0E6E8
- F3EBEC
- F6F0F1
- F9F5F6
- FCFAFA
Odcienie ciemniejsze
- C3B2B5
- A6989B
- 8A7E81
- 706668
- 564E50
- 3E3839
- 272323
- 120F10
- 020202
Tony
- D6C5C9
- CCBDC0
- C2B5B8
- B9ADB0
- AFA6A8
- A59EA0
- 9C9698
- 928F90
- 898788
Harmonie kolorów
Komplementarna +180°
- E0CDD1
Rosebud
- C4D8D4
≈ Blue Lullaby
Analogowa -30° +30°
- E0CDD1
Rosebud
- DCCED9
≈ Cassia Buds
- E1CECA
≈ Watermelon Milk
Triada +120° +240°
- E0CDD1
Rosebud
- D0D5C6
≈ White Sage
- C7D5E0
≈ Light Cameo Blue
Komplementarna rozszczepiona +150° +210°
- E0CDD1
Rosebud
- C8D7CC
≈ Valley Mist
- C3D7DB
≈ Haint Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.82:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosebud: #e0cdd1;
--rosebud-rgb: 224 205 209;
--rosebud-oklch: oklch(0.865 0.022 3.2);
}
.element {
color: var(--rosebud);
background-color: hsl(347 23% 84%);
border-color: oklch(0.865 0.022 3.2);
}Tailwind CSS v4
@theme {
--color-rosebud: #e0cdd1;
--color-rosebud-50: #fbf3f4;
--color-rosebud-100: #efe5e7;
--color-rosebud-200: #ddd1d3;
--color-rosebud-300: #c2b3b6;
--color-rosebud-400: #aa999d;
--color-rosebud-500: #948085;
--color-rosebud-600: #7d6d70;
--color-rosebud-700: #64575a;
--color-rosebud-800: #493f42;
--color-rosebud-900: #332c2d;
--color-rosebud-950: #1e191a;
}SCSS
$rosebud: #e0cdd1;
$rosebud-rgb: 224, 205, 209;
$rosebud-light: mix(#fff, $rosebud, 20%);
$rosebud-dark: mix(#000, $rosebud, 20%);
.element {
color: $rosebud;
box-shadow: 0 0 0 2px rgba($rosebud, 0.35);
}