Benannte Farbe · #DFEBE9
Honesty
Honesty ist #DFEBE9: rgb(223 235 233), hsl(170 23% 90%), oklch(0.93 0.013 185.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Honesty color name →
#DFEBE9
oklch(0.93 0.013 185.1)
Farbumrechnungen
- HEX
- #dfebe9
- RGB
- rgb(223 235 233)
- HSL
- hsl(170 23% 90%)
- HWB
- hwb(170 87% 8%)
- OKLCH
- oklch(0.93 0.013 185.1)
- OKLab
- oklab(0.93 -0.013 -0.001)
- CIE Lab
- lab(92.09 -4.4 -0.48)
- LCH
- lch(92.09 4.43 186.2)
- CMYK
- cmyk(5% 0% 1% 8%)
Tints · Shades · Tones
Tints
- E2EDEB
- E5EFED
- E9F1F0
- ECF3F2
- EFF5F4
- F2F7F6
- F5F9F8
- F9FBFB
- FCFDFD
Shades
- C2CCCB
- A5AEAD
- 8A9190
- 6F7574
- 565B5A
- 3D4141
- 272929
- 121313
- 020303
Tones
- D5E0DE
- CBD5D3
- C2CAC8
- B8BFBE
- AEB4B3
- A5A9A9
- 9C9F9E
- 929494
- 898A8A
Farbharmonien
Komplementär +180°
- DFEBE9
Honesty
- F0E5E7
≈ Venus Pink
Analog -30° +30°
- DFEBE9
Honesty
- E2EBE4
≈ Hallowed Hush
- DFEAED
≈ Prelude
Triadisch +120° +240°
- DFEBE9
Honesty
- EAE6EF
≈ In the Spotlight
- EEE6DF
≈ Desert Storm
Geteilt komplementär +150° +210°
- DFEBE9
Honesty
- EEE5EB
≈ Rosie Posie
- F0E5E2
≈ Hint of Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.19:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--honesty: #dfebe9;
--honesty-rgb: 223 235 233;
--honesty-oklch: oklch(0.93 0.013 185.1);
}
.element {
color: var(--honesty);
background-color: hsl(170 23% 90%);
border-color: oklch(0.93 0.013 185.1);
}Tailwind CSS v4
@theme {
--color-honesty: #dfebe9;
--color-honesty-50: #f1f6f6;
--color-honesty-100: #e3e9e8;
--color-honesty-200: #ced6d5;
--color-honesty-300: #b0bab8;
--color-honesty-400: #96a19f;
--color-honesty-500: #7d8987;
--color-honesty-600: #6a7472;
--color-honesty-700: #555d5b;
--color-honesty-800: #3e4443;
--color-honesty-900: #2a2f2e;
--color-honesty-950: #181b1b;
}SCSS
$honesty: #dfebe9;
$honesty-rgb: 223, 235, 233;
$honesty-light: mix(#fff, $honesty, 20%);
$honesty-dark: mix(#000, $honesty, 20%);
.element {
color: $honesty;
box-shadow: 0 0 0 2px rgba($honesty, 0.35);
}