Colore con nome più vicino · #C99E70
#C99E70
Colore con nome più vicino: Cardboard
#C99E70 (rgb(201 158 112), hsl(31 45% 61%), oklch(0.728 0.08 67.9)) è più vicino al colore con nome Cardboard. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C99E70
oklch(0.728 0.08 67.9)
Conversioni di colore
- HEX
- #c99e70
- RGB
- rgb(201 158 112)
- HSL
- hsl(31 45% 61%)
- HWB
- hwb(31 44% 21%)
- OKLCH
- oklch(0.728 0.08 67.9)
- OKLab
- oklab(0.728 0.03 0.074)
- CIE Lab
- lab(68.38 12.14 30.44)
- LCH
- lch(68.38 32.77 68.3)
- CMYK
- cmyk(0% 21% 44% 21%)
Tinte · Ombre · Toni
Tinte
- CFA87E
- D4B18D
- DABB9B
- DFC4A9
- E5CEB7
- EAD8C5
- EFE2D4
- F5EBE2
- FAF5F0
Ombre
- AE8960
- 957451
- 7C6043
- 644D35
- 4C3A27
- 36291A
- 22180E
- 0F0904
- 020101
Toni
- C29B72
- BA9874
- B39576
- AC9278
- A48F7A
- 9D8C7B
- 96897D
- 8F867E
- 87837F
Armonie di colore
Complementare +180°
- C99E70
Cardboard
- 7FACD7
≈ High Seas
Analogo -30° +30°
- C99E70
Cardboard
- D49683
≈ Sunburnt Toes
- B4A86D
≈ Oatmeal Biscuit
Triadico +120° +240°
- C99E70
Cardboard
- 67B8B0
≈ Florida Turquoise
- B59ACE
≈ Biloba Flower
Complementare divisa +150° +210°
- C99E70
Cardboard
- 69B4C9
≈ Delicate Girl Blue
- 9BA3D9
≈ Dalmatian Sage
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.60:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--cardboard: #c99e70;
--cardboard-rgb: 201 158 112;
--cardboard-oklch: oklch(0.728 0.08 67.9);
}
.element {
color: var(--cardboard);
background-color: hsl(31 45% 61%);
border-color: oklch(0.728 0.08 67.9);
}Tailwind CSS v4
@theme {
--color-cardboard: #c99e70;
--color-cardboard-50: #fff2dd;
--color-cardboard-100: #fae4cc;
--color-cardboard-200: #ebcfb0;
--color-cardboard-300: #d2b18b;
--color-cardboard-400: #be966b;
--color-cardboard-500: #a97c49;
--color-cardboard-600: #8f693f;
--color-cardboard-700: #735432;
--color-cardboard-800: #553d23;
--color-cardboard-900: #3c2a17;
--color-cardboard-950: #251708;
}SCSS
$cardboard: #c99e70;
$cardboard-rgb: 201, 158, 112;
$cardboard-light: mix(#fff, $cardboard, 20%);
$cardboard-dark: mix(#000, $cardboard, 20%);
.element {
color: $cardboard;
box-shadow: 0 0 0 2px rgba($cardboard, 0.35);
}