Color con nombre · #95859C
Hatoba Pigeon
Hatoba Pigeon es #95859C: rgb(149 133 156), hsl(282 10% 57%), oklch(0.639 0.038 315.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Hatoba Pigeon color name →
#95859C
oklch(0.639 0.038 315.6)
Conversiones de color
- HEX
- #95859c
- RGB
- rgb(149 133 156)
- HSL
- hsl(282 10% 57%)
- HWB
- hwb(282 52% 39%)
- OKLCH
- oklch(0.639 0.038 315.6)
- OKLab
- oklab(0.639 0.028 -0.027)
- CIE Lab
- lab(57.58 9.55 -10)
- LCH
- lch(57.58 13.83 313.7)
- CMYK
- cmyk(4% 15% 0% 39%)
Tintes · Sombras · Tonos
Tintes
- 9F91A6
- A99CAF
- B4A8B9
- BEB4C3
- C9C0CD
- D3CDD6
- DED9E1
- E9E6EB
- F4F2F5
Sombras
- 817387
- 6D6173
- 5A505F
- 48404C
- 373039
- 262128
- 161318
- 080609
- 010101
Tonos
- 938599
- 918496
- 8F8494
- 8D8391
- 8A838E
- 88828B
- 868288
- 848186
- 828183
Armonías de color
Complementario +180°
- 95859C
Hatoba Pigeon
- 82917A
≈ Ginkgo Tree
Análogo -30° +30°
- 95859C
Hatoba Pigeon
- 8989A3
≈ Mandrake
- 9E8391
≈ Garden Plum
Triádico +120° +240°
- 95859C
Hatoba Pigeon
- 9A8972
≈ Roscoe Village
- 719393
≈ Pool Tide
Complementario dividido +150° +210°
- 95859C
Hatoba Pigeon
- 8F8E73
≈ Mesmerise
- 769486
≈ Garden Fountain
Tetrádico +90° +180° +270°
- 95859C
Hatoba Pigeon
- A08579
≈ Undercooked Bacon
- 82917A
≈ Ginkgo Tree
- 73919E
≈ Cavolo Nero
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.43:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.11:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--hatoba-pigeon: #95859c;
--hatoba-pigeon-rgb: 149 133 156;
--hatoba-pigeon-oklch: oklch(0.639 0.038 315.6);
}
.element {
color: var(--hatoba-pigeon);
background-color: hsl(282 10% 57%);
border-color: oklch(0.639 0.038 315.6);
}Tailwind CSS v4
@theme {
--color-hatoba-pigeon: #95859c;
--color-hatoba-pigeon-50: #faf2fd;
--color-hatoba-pigeon-100: #ede4f0;
--color-hatoba-pigeon-200: #dbcfdf;
--color-hatoba-pigeon-300: #c0b2c5;
--color-hatoba-pigeon-400: #a798ae;
--color-hatoba-pigeon-500: #907f98;
--color-hatoba-pigeon-600: #7a6b80;
--color-hatoba-pigeon-700: #625667;
--color-hatoba-pigeon-800: #473f4c;
--color-hatoba-pigeon-900: #312b35;
--color-hatoba-pigeon-950: #1d1820;
}SCSS
$hatoba-pigeon: #95859c;
$hatoba-pigeon-rgb: 149, 133, 156;
$hatoba-pigeon-light: mix(#fff, $hatoba-pigeon, 20%);
$hatoba-pigeon-dark: mix(#000, $hatoba-pigeon, 20%);
.element {
color: $hatoba-pigeon;
box-shadow: 0 0 0 2px rgba($hatoba-pigeon, 0.35);
}