Colore con nome · #C97863
Aloe Blossom
Aloe Blossom è #C97863: rgb(201 120 99), hsl(12 49% 59%), oklch(0.655 0.107 35.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Aloe Blossom color name →
#C97863
oklch(0.655 0.107 35.4)
Conversioni di colore
- HEX
- #c97863
- RGB
- rgb(201 120 99)
- HSL
- hsl(12 49% 59%)
- HWB
- hwb(12 39% 21%)
- OKLCH
- oklch(0.655 0.107 35.4)
- OKLab
- oklab(0.655 0.087 0.062)
- CIE Lab
- lab(59.17 30.89 25.78)
- LCH
- lch(59.17 40.23 39.8)
- CMYK
- cmyk(0% 40% 51% 21%)
Tinte · Ombre · Toni
Tinte
- CF8572
- D69381
- DCA091
- E1AEA0
- E7BBAF
- ECC8BF
- F1D6CF
- F6E4DF
- FBF1EF
Ombre
- AE6755
- 955747
- 7C483A
- 64392E
- 4C2A21
- 361D16
- 22100B
- 0F0503
- 020100
Toni
- C27966
- BB7B6A
- B47C6D
- AD7D70
- A67D73
- 9F7E75
- 977F78
- 907F7B
- 88807D
Armonie di colore
Complementare +180°
- C97863
Aloe Blossom
- 27A1BA
≈ January Blue
Analogo -30° +30°
- C97863
Aloe Blossom
- C77488
≈ Long Spring
- BD8345
≈ Arrakis Spice
Triadico +120° +240°
- C97863
Aloe Blossom
- 55A474
≈ Great Gazoo
- 7E8BD2
≈ True Lavender
Complementare divisa +150° +210°
- C97863
Aloe Blossom
- 26A69A
≈ Tropical Hideaway
- 5597CE
≈ Winter Lake
Tetradico +90° +180° +270°
- C97863
Aloe Blossom
- 819C51
≈ Rosemarried
- 27A1BA
≈ January Blue
- A07FC5
≈ Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.35:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.35:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--aloe-blossom: #c97863;
--aloe-blossom-rgb: 201 120 99;
--aloe-blossom-oklch: oklch(0.655 0.107 35.4);
}
.element {
color: var(--aloe-blossom);
background-color: hsl(12 49% 59%);
border-color: oklch(0.655 0.107 35.4);
}Tailwind CSS v4
@theme {
--color-aloe-blossom: #c97863;
--color-aloe-blossom-50: #ffebe0;
--color-aloe-blossom-100: #ffdccf;
--color-aloe-blossom-200: #fec5b4;
--color-aloe-blossom-300: #e8a590;
--color-aloe-blossom-400: #d58773;
--color-aloe-blossom-500: #c26a54;
--color-aloe-blossom-600: #a45a47;
--color-aloe-blossom-700: #844839;
--color-aloe-blossom-800: #623429;
--color-aloe-blossom-900: #45231c;
--color-aloe-blossom-950: #2c120c;
}SCSS
$aloe-blossom: #c97863;
$aloe-blossom-rgb: 201, 120, 99;
$aloe-blossom-light: mix(#fff, $aloe-blossom, 20%);
$aloe-blossom-dark: mix(#000, $aloe-blossom, 20%);
.element {
color: $aloe-blossom;
box-shadow: 0 0 0 2px rgba($aloe-blossom, 0.35);
}