Colore con nome · #A89E81
Sweet Pea in a Pod
Sweet Pea in a Pod è #A89E81: rgb(168 158 129), hsl(45 18% 58%), oklch(0.7 0.042 91.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sweet Pea in a Pod color name →
#A89E81
oklch(0.7 0.042 91.3)
Conversioni di colore
- HEX
- #a89e81
- RGB
- rgb(168 158 129)
- HSL
- hsl(45 18% 58%)
- HWB
- hwb(45 51% 34%)
- OKLCH
- oklch(0.7 0.042 91.3)
- OKLab
- oklab(0.7 -0.001 0.042)
- CIE Lab
- lab(65.4 0.23 16.61)
- LCH
- lch(65.4 16.61 89.2)
- CMYK
- cmyk(0% 6% 23% 34%)
Tinte · Ombre · Toni
Tinte
- B0A78D
- B9B199
- C1BAA6
- CAC4B2
- D3CEBF
- DBD7CB
- E4E1D8
- EDEBE5
- F6F5F2
Ombre
- 92896F
- 7C745E
- 67604E
- 524D3E
- 3F3A2E
- 2C291F
- 1A1812
- 0A0906
- 010101
Toni
- A49B81
- A09881
- 9C9581
- 989281
- 948F81
- 908C81
- 8C8981
- 888680
- 848380
Armonie di colore
Complementare +180°
- A89E81
Sweet Pea in a Pod
- 959EB9
≈ Skyline
Analogo -30° +30°
- A89E81
Sweet Pea in a Pod
- B29984
≈ Butcher Paper
- 9AA386
≈ Zebra Grass
Triadico +120° +240°
- A89E81
Sweet Pea in a Pod
- 81A6AD
≈ Ziggurat
- AF95AB
≈ London Hue
Complementare divisa +150° +210°
- A89E81
Sweet Pea in a Pod
- 88A2B7
≈ Silver Skate
- A399B5
≈ Grape Gatsby
Tetradico +90° +180° +270°
- A89E81
Sweet Pea in a Pod
- 82A7A0
≈ Scenario
- 959EB9
≈ Skyline
- B6949D
≈ Ashberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-pea-in-a-pod: #a89e81;
--sweet-pea-in-a-pod-rgb: 168 158 129;
--sweet-pea-in-a-pod-oklch: oklch(0.7 0.042 91.3);
}
.element {
color: var(--sweet-pea-in-a-pod);
background-color: hsl(45 18% 58%);
border-color: oklch(0.7 0.042 91.3);
}Tailwind CSS v4
@theme {
--color-sweet-pea-in-a-pod: #a89e81;
--color-sweet-pea-in-a-pod-50: #f9f5e8;
--color-sweet-pea-in-a-pod-100: #ece8d8;
--color-sweet-pea-in-a-pod-200: #dad4c0;
--color-sweet-pea-in-a-pod-300: #beb7a0;
--color-sweet-pea-in-a-pod-400: #a79e83;
--color-sweet-pea-in-a-pod-500: #908666;
--color-sweet-pea-in-a-pod-600: #7a7157;
--color-sweet-pea-in-a-pod-700: #625a45;
--color-sweet-pea-in-a-pod-800: #484232;
--color-sweet-pea-in-a-pod-900: #322d22;
--color-sweet-pea-in-a-pod-950: #1e1a11;
}SCSS
$sweet-pea-in-a-pod: #a89e81;
$sweet-pea-in-a-pod-rgb: 168, 158, 129;
$sweet-pea-in-a-pod-light: mix(#fff, $sweet-pea-in-a-pod, 20%);
$sweet-pea-in-a-pod-dark: mix(#000, $sweet-pea-in-a-pod, 20%);
.element {
color: $sweet-pea-in-a-pod;
box-shadow: 0 0 0 2px rgba($sweet-pea-in-a-pod, 0.35);
}