Colore con nome · #D27D46
Pumpkin Bread
Pumpkin Bread è #D27D46: rgb(210 125 70), hsl(24 61% 55%), oklch(0.671 0.127 51.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pumpkin Bread color name →
#D27D46
oklch(0.671 0.127 51.8)
Conversioni di colore
- HEX
- #d27d46
- RGB
- rgb(210 125 70)
- HSL
- hsl(24 61% 55%)
- HWB
- hwb(24 27% 18%)
- OKLCH
- oklch(0.671 0.127 51.8)
- OKLab
- oklab(0.671 0.078 0.1)
- CIE Lab
- lab(61.14 30.41 44.04)
- LCH
- lch(61.14 53.52 55.4)
- CMYK
- cmyk(0% 40% 67% 18%)
Tinte · Ombre · Toni
Tinte
- D88A5A
- DD976D
- E2A47F
- E7B192
- ECBEA4
- F0CBB6
- F4D8C8
- F8E5DA
- FCF2ED
Ombre
- B66C3C
- 9B5B32
- 814B28
- 683B1E
- 502C15
- 391E0D
- 241105
- 100502
- 020100
Toni
- CA7E4E
- C27F55
- BA7F5C
- B28062
- AA8067
- A2806D
- 9A8172
- 918077
- 89807B
Armonie di colore
Complementare +180°
- D27D46
Pumpkin Bread
- 26A2D6
≈ Blue Damselfly
Analogo -30° +30°
- D27D46
Pumpkin Bread
- D87372
≈ Lantana
- BC8D25
≈ Hokey Pokey
Triadico +120° +240°
- D27D46
Pumpkin Bread
- 15AE8C
≈ Mermaid Song
- 9786DD
≈ Perrywinkle
Complementare divisa +150° +210°
- D27D46
Pumpkin Bread
- 00AAB3
≈ Exotic Sea
- 6A94E3
≈ Guilliman Blue
Tetradico +90° +180° +270°
- D27D46
Pumpkin Bread
- 66A95E
≈ Techno Green
- 26A2D6
≈ Blue Damselfly
- BA7AC4
≈ Colombo Red Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.10:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.76:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--pumpkin-bread: #d27d46;
--pumpkin-bread-rgb: 210 125 70;
--pumpkin-bread-oklch: oklch(0.671 0.127 51.8);
}
.element {
color: var(--pumpkin-bread);
background-color: hsl(24 61% 55%);
border-color: oklch(0.671 0.127 51.8);
}Tailwind CSS v4
@theme {
--color-pumpkin-bread: #d27d46;
--color-pumpkin-bread-50: #ffecd4;
--color-pumpkin-bread-100: #ffddc1;
--color-pumpkin-bread-200: #ffc6a1;
--color-pumpkin-bread-300: #eba678;
--color-pumpkin-bread-400: #d98854;
--color-pumpkin-bread-500: #c66a29;
--color-pumpkin-bread-600: #a75a25;
--color-pumpkin-bread-700: #86481d;
--color-pumpkin-bread-800: #643315;
--color-pumpkin-bread-900: #47230d;
--color-pumpkin-bread-950: #2e1202;
}SCSS
$pumpkin-bread: #d27d46;
$pumpkin-bread-rgb: 210, 125, 70;
$pumpkin-bread-light: mix(#fff, $pumpkin-bread, 20%);
$pumpkin-bread-dark: mix(#000, $pumpkin-bread, 20%);
.element {
color: $pumpkin-bread;
box-shadow: 0 0 0 2px rgba($pumpkin-bread, 0.35);
}