Nazwany kolor · #EDE0E3
Barely Rose
Barely Rose to #EDE0E3: rgb(237 224 227), hsl(346 27% 90%), oklch(0.918 0.015 1.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Barely Rose color name →
#EDE0E3
oklch(0.918 0.015 1.6)
Konwersje koloru
- HEX
- #ede0e3
- RGB
- rgb(237 224 227)
- HSL
- hsl(346 27% 90%)
- HWB
- hwb(346 88% 7%)
- OKLCH
- oklch(0.918 0.015 1.6)
- OKLab
- oklab(0.918 0.015 0)
- CIE Lab
- lab(90.29 4.97 0.2)
- LCH
- lch(90.29 4.97 2.3)
- CMYK
- cmyk(0% 5% 4% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFE3E6
- F1E6E9
- F2E9EB
- F4ECEE
- F6EFF1
- F8F3F4
- FAF6F7
- FBF9F9
- FDFCFC
Odcienie ciemniejsze
- CEC3C5
- B0A6A8
- 938A8C
- 777071
- 5C5657
- 423E3F
- 2A2727
- 141212
- 030203
Tony
- E2D6D9
- D6CCCE
- CBC2C4
- C0B8BA
- B5AFB0
- AAA5A6
- 9F9C9D
- 959293
- 8A8989
Harmonie kolorów
Komplementarna +180°
- EDE0E3
Barely Rose
- DAE7E4
≈ Tulle Soft Blue
Analogowa -30° +30°
- EDE0E3
Barely Rose
- EAE0E8
≈ Tiara Jewel
- EEE1DE
≈ Powder Room
Triada +120° +240°
- EDE0E3
Barely Rose
- E2E6DB
≈ Basil Icing
- DCE5ED
≈ Mystic Light
Komplementarna rozszczepiona +150° +210°
- EDE0E3
Barely Rose
- DDE7DF
≈ Minified Green
- D9E7E9
≈ Soft Blue White
Tetrada +90° +180° +270°
- EDE0E3
Barely Rose
- E7E4D9
≈ Cherish Is the Word
- DAE7E4
≈ Tulle Soft Blue
- E0E4EE
≈ Iris Ice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.37:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--barely-rose: #ede0e3;
--barely-rose-rgb: 237 224 227;
--barely-rose-oklch: oklch(0.918 0.015 1.6);
}
.element {
color: var(--barely-rose);
background-color: hsl(346 27% 90%);
border-color: oklch(0.918 0.015 1.6);
}Tailwind CSS v4
@theme {
--color-barely-rose: #ede0e3;
--color-barely-rose-50: #f9f3f5;
--color-barely-rose-100: #ece6e7;
--color-barely-rose-200: #dad2d3;
--color-barely-rose-300: #beb4b6;
--color-barely-rose-400: #a69b9e;
--color-barely-rose-500: #8f8285;
--color-barely-rose-600: #796e71;
--color-barely-rose-700: #61585a;
--color-barely-rose-800: #474042;
--color-barely-rose-900: #312c2e;
--color-barely-rose-950: #1d191a;
}SCSS
$barely-rose: #ede0e3;
$barely-rose-rgb: 237, 224, 227;
$barely-rose-light: mix(#fff, $barely-rose, 20%);
$barely-rose-dark: mix(#000, $barely-rose, 20%);
.element {
color: $barely-rose;
box-shadow: 0 0 0 2px rgba($barely-rose, 0.35);
}