Benannte Farbe · #DEEDEB
Roman White
Roman White ist #DEEDEB: rgb(222 237 235), hsl(172 29% 90%), oklch(0.934 0.016 187.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Roman White color name →
#DEEDEB
oklch(0.934 0.016 187.3)
Farbumrechnungen
- HEX
- #deedeb
- RGB
- rgb(222 237 235)
- HSL
- hsl(172 29% 90%)
- HWB
- hwb(172 87% 7%)
- OKLCH
- oklch(0.934 0.016 187.3)
- OKLab
- oklab(0.934 -0.016 -0.002)
- CIE Lab
- lab(92.57 -5.42 -0.83)
- LCH
- lch(92.57 5.48 188.7)
- CMYK
- cmyk(6% 0% 1% 7%)
Tints · Shades · Tones
Tints
- E1EFED
- E5F1EF
- E8F2F1
- EBF4F3
- EEF6F5
- F2F8F7
- F5FAF9
- F8FBFB
- FCFDFD
Shades
- C1CECC
- A5B0AE
- 899391
- 6F7775
- 555C5B
- 3D4241
- 262A29
- 121413
- 020303
Tones
- D4E2E0
- CBD6D5
- C1CBCA
- B7C0BF
- AEB5B4
- A5AAA9
- 9B9F9F
- 929594
- 898A8A
Farbharmonien
Komplementär +180°
- DEEDEB
Roman White
- F4E5E7
≈ First Impression
Analog -30° +30°
- DEEDEB
Roman White
- E1EDE5
≈ Molten Ice
- DEECF0
≈ Prelude
Triadisch +120° +240°
- DEEDEB
Roman White
- ECE7F2
≈ Tranquil Eve
- F1E8DE
≈ Gardenia
Geteilt komplementär +150° +210°
- DEEDEB
Roman White
- F1E5ED
≈ In the Spotlight
- F4E6E2
≈ Reverie Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.41:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.41:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--roman-white: #deedeb;
--roman-white-rgb: 222 237 235;
--roman-white-oklch: oklch(0.934 0.016 187.3);
}
.element {
color: var(--roman-white);
background-color: hsl(172 29% 90%);
border-color: oklch(0.934 0.016 187.3);
}Tailwind CSS v4
@theme {
--color-roman-white: #deedeb;
--color-roman-white-50: #f0f7f6;
--color-roman-white-100: #e2eae9;
--color-roman-white-200: #cdd7d5;
--color-roman-white-300: #afbab9;
--color-roman-white-400: #94a2a0;
--color-roman-white-500: #7b8a88;
--color-roman-white-600: #687573;
--color-roman-white-700: #535d5c;
--color-roman-white-800: #3c4443;
--color-roman-white-900: #2a2f2e;
--color-roman-white-950: #171c1b;
}SCSS
$roman-white: #deedeb;
$roman-white-rgb: 222, 237, 235;
$roman-white-light: mix(#fff, $roman-white, 20%);
$roman-white-dark: mix(#000, $roman-white, 20%);
.element {
color: $roman-white;
box-shadow: 0 0 0 2px rgba($roman-white, 0.35);
}