Colore con nome più vicino · #CF8C41
#CF8C41
Colore con nome più vicino: Caramelise
#CF8C41 (rgb(207 140 65), hsl(32 60% 53%), oklch(0.694 0.122 66.3)) è più vicino al colore con nome Caramelise. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CF8C41
oklch(0.694 0.122 66.3)
Conversioni di colore
- HEX
- #cf8c41
- RGB
- rgb(207 140 65)
- HSL
- hsl(32 60% 53%)
- HWB
- hwb(32 25% 19%)
- OKLCH
- oklch(0.694 0.122 66.3)
- OKLab
- oklab(0.694 0.049 0.111)
- CIE Lab
- lab(64.16 21.25 49.55)
- LCH
- lch(64.16 53.91 66.8)
- CMYK
- cmyk(0% 32% 69% 19%)
Tinte · Ombre · Toni
Tinte
- D49857
- DAA36B
- DFAF7E
- E4BA91
- E9C6A3
- EDD1B6
- F2DDC8
- F6E8DA
- FBF3ED
Ombre
- B47937
- 99672E
- 7F5525
- 67431C
- 4F3313
- 38230B
- 231405
- 100701
- 020100
Toni
- C78B4A
- BF8A53
- B8895A
- B08860
- A88767
- A0866C
- 988572
- 908377
- 88827B
Armonie di colore
Complementare +180°
- CF8C41
Caramelise
- 57A3E3
≈ Windjammer
Analogo -30° +30°
- CF8C41
Caramelise
- DD8066
≈ Summer Sunset
- B39C36
≈ Sahara
Triadico +120° +240°
- CF8C41
Caramelise
- 00B4A8
≈ Glass Jar Blue
- AF88D8
≈ Middy’s Purple
Complementare divisa +150° +210°
- CF8C41
Caramelise
- 0DAECD
≈ Ball Blue
- 8995E7
≈ Perrywinkle
Tetradico +90° +180° +270°
- CF8C41
Caramelise
- 53B37D
≈ Ming Green
- 57A3E3
≈ Windjammer
- CC7EB9
≈ Peruvian Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--caramelise: #cf8c41;
--caramelise-rgb: 207 140 65;
--caramelise-oklch: oklch(0.694 0.122 66.3);
}
.element {
color: var(--caramelise);
background-color: hsl(32 60% 53%);
border-color: oklch(0.694 0.122 66.3);
}Tailwind CSS v4
@theme {
--color-caramelise: #cf8c41;
--color-caramelise-50: #fff0d1;
--color-caramelise-100: #ffe1bd;
--color-caramelise-200: #f7cb9c;
--color-caramelise-300: #e1ac72;
--color-caramelise-400: #cf8f49;
--color-caramelise-500: #bb730f;
--color-caramelise-600: #9e6213;
--color-caramelise-700: #7f4e10;
--color-caramelise-800: #5f380a;
--color-caramelise-900: #432606;
--color-caramelise-950: #2b1400;
}SCSS
$caramelise: #cf8c41;
$caramelise-rgb: 207, 140, 65;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}