Color con nombre · #CDB9A7
Panko
Panko es #CDB9A7: rgb(205 185 167), hsl(28 28% 73%), oklch(0.798 0.034 64.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Panko color name →
#CDB9A7
oklch(0.798 0.034 64.3)
Conversiones de color
- HEX
- #cdb9a7
- RGB
- rgb(205 185 167)
- HSL
- hsl(28 28% 73%)
- HWB
- hwb(28 65% 20%)
- OKLCH
- oklch(0.798 0.034 64.3)
- OKLab
- oklab(0.798 0.015 0.03)
- CIE Lab
- lab(76.5 5.21 11.9)
- LCH
- lch(76.5 12.99 66.4)
- CMYK
- cmyk(0% 10% 19% 20%)
Tintes · Sombras · Tonos
Tintes
- D2C0B0
- D7C7B8
- DCCEC1
- E1D5CA
- E6DCD2
- EBE3DB
- F0EAE4
- F5F1ED
- FAF8F6
Sombras
- B2A091
- 98897B
- 7E7166
- 665B52
- 4E463E
- 38312C
- 231E1A
- 0F0D0A
- 020201
Tonos
- C5B3A3
- BDAD9F
- B5A89B
- AEA297
- A69C93
- 9E9690
- 97918C
- 8F8B88
- 878684
Armonías de color
Complementario +180°
- CDB9A7
Panko
- ABC0D2
≈ Simpatico Blue
Análogo -30° +30°
- CDB9A7
Panko
- D2B6AF
≈ Oyster Pink
- C4BDA5
≈ Celery Powder
Triádico +120° +240°
- CDB9A7
Panko
- A6C5BF
≈ Peppermint Pie
- C2B8CF
≈ Savile Row
Complementario dividido +150° +210°
- CDB9A7
Panko
- A5C3CA
≈ Skyward
- B6BCD3
≈ Peri Wink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.09:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--panko: #cdb9a7;
--panko-rgb: 205 185 167;
--panko-oklch: oklch(0.798 0.034 64.3);
}
.element {
color: var(--panko);
background-color: hsl(28 28% 73%);
border-color: oklch(0.798 0.034 64.3);
}Tailwind CSS v4
@theme {
--color-panko: #cdb9a7;
--color-panko-50: #fcf3eb;
--color-panko-100: #f0e6dc;
--color-panko-200: #dfd2c5;
--color-panko-300: #c4b4a6;
--color-panko-400: #ad9b8a;
--color-panko-500: #97826f;
--color-panko-600: #7f6e5e;
--color-panko-700: #66584b;
--color-panko-800: #4b4037;
--color-panko-900: #342c25;
--color-panko-950: #201914;
}SCSS
$panko: #cdb9a7;
$panko-rgb: 205, 185, 167;
$panko-light: mix(#fff, $panko, 20%);
$panko-dark: mix(#000, $panko, 20%);
.element {
color: $panko;
box-shadow: 0 0 0 2px rgba($panko, 0.35);
}