Color con nombre · #DFDFDA
White Bullet
White Bullet es #DFDFDA: rgb(223 223 218), hsl(60 7% 86%), oklch(0.902 0.007 106.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · White Bullet color name →
#DFDFDA
oklch(0.902 0.007 106.5)
Conversiones de color
- HEX
- #dfdfda
- RGB
- rgb(223 223 218)
- HSL
- hsl(60 7% 86%)
- HWB
- hwb(60 85% 13%)
- OKLCH
- oklch(0.902 0.007 106.5)
- OKLab
- oklab(0.902 -0.002 0.006)
- CIE Lab
- lab(88.72 -0.66 2.46)
- LCH
- lch(88.72 2.54 105.1)
- CMYK
- cmyk(0% 0% 2% 13%)
Tintes · Sombras · Tonos
Tintes
- E2E2DE
- E5E5E1
- E9E9E5
- ECECE9
- EFEFEC
- F2F2F0
- F5F5F4
- F9F9F8
- FCFCFB
Sombras
- C2C2BD
- A5A5A2
- 8A8A87
- 6F6F6C
- 565654
- 3D3D3C
- 272725
- 121211
- 020202
Tonos
- D5D5D1
- CBCBC7
- C2C2BE
- B8B8B5
- AEAEAC
- A5A5A3
- 9B9B9A
- 929291
- 898989
Armonías de color
Complementario +180°
- DFDFDA
White Bullet
- DEDEE3
≈ February Frost
Análogo -30° +30°
- DFDFDA
White Bullet
- E1DEDA
≈ Prelude to Pink
- DDE0DB
≈ Tinsmith
Triádico +120° +240°
- DFDFDA
White Bullet
- DAE0E2
≈ Drifting Cloud
- E2DDDF
≈ Ardcoat
Complementario dividido +150° +210°
- DFDFDA
White Bullet
- DCDFE3
≈ Terminator Chrome
- E0DDE2
≈ February Frost
Tetrádico +90° +180° +270°
- DFDFDA
White Bullet
- DAE0E0
≈ Drifting Cloud
- DEDEE3
≈ February Frost
- E3DDDD
≈ Ardcoat
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.70:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--white-bullet: #dfdfda;
--white-bullet-rgb: 223 223 218;
--white-bullet-oklch: oklch(0.902 0.007 106.5);
}
.element {
color: var(--white-bullet);
background-color: hsl(60 7% 86%);
border-color: oklch(0.902 0.007 106.5);
}Tailwind CSS v4
@theme {
--color-white-bullet: #dfdfda;
--color-white-bullet-50: #f5f5f3;
--color-white-bullet-100: #e8e8e5;
--color-white-bullet-200: #d4d4d1;
--color-white-bullet-300: #b7b8b4;
--color-white-bullet-400: #9f9f9a;
--color-white-bullet-500: #868681;
--color-white-bullet-600: #72726e;
--color-white-bullet-700: #5b5b58;
--color-white-bullet-800: #434240;
--color-white-bullet-900: #2e2e2c;
--color-white-bullet-950: #1b1b19;
}SCSS
$white-bullet: #dfdfda;
$white-bullet-rgb: 223, 223, 218;
$white-bullet-light: mix(#fff, $white-bullet, 20%);
$white-bullet-dark: mix(#000, $white-bullet, 20%);
.element {
color: $white-bullet;
box-shadow: 0 0 0 2px rgba($white-bullet, 0.35);
}