Nazwany kolor · #E9E4EF
Modest Violet
Modest Violet to #E9E4EF: rgb(233 228 239), hsl(267 26% 92%), oklch(0.926 0.016 306.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Modest Violet color name →
#E9E4EF
oklch(0.926 0.016 306.4)
Konwersje koloru
- HEX
- #e9e4ef
- RGB
- rgb(233 228 239)
- HSL
- hsl(267 26% 92%)
- HWB
- hwb(267 89% 6%)
- OKLCH
- oklch(0.926 0.016 306.4)
- OKLab
- oklab(0.926 0.009 -0.013)
- CIE Lab
- lab(91.23 3.22 -4.74)
- LCH
- lch(91.23 5.73 304.2)
- CMYK
- cmyk(3% 5% 0% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE7F1
- EDE9F2
- F0ECF4
- F2EFF5
- F4F1F7
- F6F4F9
- F8F7FA
- FBFAFC
- FDFCFD
Odcienie ciemniejsze
- CBC6D0
- ADA9B1
- 908D94
- 747278
- 5A585C
- 413F42
- 29282A
- 131214
- 030303
Tony
- DEDAE3
- D3CFD8
- C8C5CC
- BEBBC1
- B3B1B6
- A9A7AB
- 9E9DA0
- 949395
- 8A8A8B
Harmonie kolorów
Komplementarna +180°
- E9E4EF
Modest Violet
- E4E9DE
≈ Spider Cotton
Analogowa -30° +30°
- E9E4EF
Modest Violet
- E3E6F1
≈ Crystal Falls
- EEE3EA
≈ Rosie Posie
Triada +120° +240°
- E9E4EF
Modest Violet
- EEE5DC
≈ Soft Feather
- DCEAE8
≈ Carefree
Komplementarna rozszczepiona +150° +210°
- E9E4EF
Modest Violet
- E9E7DB
≈ Clear Sand
- DFEAE2
≈ Wishy-Washy Green
Tetrada +90° +180° +270°
- E9E4EF
Modest Violet
- F1E3DF
≈ Rosa Vieja
- E4E9DE
≈ Spider Cotton
- DCE9ED
≈ Sidewalk Chalk Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.80:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--modest-violet: #e9e4ef;
--modest-violet-rgb: 233 228 239;
--modest-violet-oklch: oklch(0.926 0.016 306.4);
}
.element {
color: var(--modest-violet);
background-color: hsl(267 26% 92%);
border-color: oklch(0.926 0.016 306.4);
}Tailwind CSS v4
@theme {
--color-modest-violet: #e9e4ef;
--color-modest-violet-50: #f6f4f9;
--color-modest-violet-100: #e9e6ec;
--color-modest-violet-200: #d6d2d9;
--color-modest-violet-300: #b9b5be;
--color-modest-violet-400: #a19ca6;
--color-modest-violet-500: #89848f;
--color-modest-violet-600: #746f79;
--color-modest-violet-700: #5c5960;
--color-modest-violet-800: #434147;
--color-modest-violet-900: #2f2d31;
--color-modest-violet-950: #1b1a1d;
}SCSS
$modest-violet: #e9e4ef;
$modest-violet-rgb: 233, 228, 239;
$modest-violet-light: mix(#fff, $modest-violet, 20%);
$modest-violet-dark: mix(#000, $modest-violet, 20%);
.element {
color: $modest-violet;
box-shadow: 0 0 0 2px rgba($modest-violet, 0.35);
}