Color con nombre · #DFEBE9
Honesty
Honesty es #DFEBE9: rgb(223 235 233), hsl(170 23% 90%), oklch(0.93 0.013 185.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Honesty color name →
#DFEBE9
oklch(0.93 0.013 185.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E2EDEB
- E5EFED
- E9F1F0
- ECF3F2
- EFF5F4
- F2F7F6
- F5F9F8
- F9FBFB
- FCFDFD
Sombras
- C2CCCB
- A5AEAD
- 8A9190
- 6F7574
- 565B5A
- 3D4141
- 272929
- 121313
- 020303
Tonos
- D5E0DE
- CBD5D3
- C2CAC8
- B8BFBE
- AEB4B3
- A5A9A9
- 9C9F9E
- 929494
- 898A8A
Armonías de color
Complementario +180°
- DFEBE9
Honesty
- F0E5E7
≈ Venus Pink
Análogo -30° +30°
- DFEBE9
Honesty
- E2EBE4
≈ Hallowed Hush
- DFEAED
≈ Prelude
Triádico +120° +240°
- DFEBE9
Honesty
- EAE6EF
≈ In the Spotlight
- EEE6DF
≈ Desert Storm
Complementario dividido +150° +210°
- DFEBE9
Honesty
- EEE5EB
≈ Rosie Posie
- F0E5E2
≈ Hint of Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.19:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
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);
}