Colore con nome · #D26643
Citrus Notes
Citrus Notes è #D26643: rgb(210 102 67), hsl(15 61% 54%), oklch(0.633 0.145 38.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Citrus Notes color name →
#D26643
oklch(0.633 0.145 38.5)
Conversioni di colore
- HEX
- #d26643
- RGB
- rgb(210 102 67)
- HSL
- hsl(15 61% 54%)
- HWB
- hwb(15 26% 18%)
- OKLCH
- oklch(0.633 0.145 38.5)
- OKLab
- oklab(0.633 0.114 0.09)
- CIE Lab
- lab(56.29 41.71 40.27)
- LCH
- lch(56.29 57.98 44)
- CMYK
- cmyk(0% 51% 68% 18%)
Tinte · Ombre · Toni
Tinte
- D87657
- DE866A
- E4957C
- E9A48F
- EDB3A1
- F2C3B3
- F6D2C6
- F9E1D9
- FCF0EC
Ombre
- B65839
- 9B4A2F
- 813C26
- 682F1D
- 502314
- 39170C
- 240C05
- 100401
- 020000
Toni
- CB6A4B
- C36D52
- BB7159
- B4735F
- AC7665
- A3786B
- 9B7B70
- 927D76
- 897E7B
Armonie di colore
Complementare +180°
- D26643
Citrus Notes
- 009AB8
≈ Barrier Reef
Analogo -30° +30°
- D26643
Citrus Notes
- D15F78
≈ Tuna Sashimi
- C07800
≈ Cassandra’s Curse
Triadico +120° +240°
- D26643
Citrus Notes
- 08A468
≈ Jungle
- 787EE0
≈ Tanzine
Complementare divisa +150° +210°
- D26643
Citrus Notes
- 009F97
≈ Spectra Green
- 338FDD
≈ Oregon Blue
Tetradico +90° +180° +270°
- D26643
Citrus Notes
- 6F9A2B
≈ Radiant Foliage
- 009AB8
≈ Barrier Reef
- A36FCD
≈ Rich Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.67:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.72:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--citrus-notes: #d26643;
--citrus-notes-rgb: 210 102 67;
--citrus-notes-oklch: oklch(0.633 0.145 38.5);
}
.element {
color: var(--citrus-notes);
background-color: hsl(15 61% 54%);
border-color: oklch(0.633 0.145 38.5);
}Tailwind CSS v4
@theme {
--color-citrus-notes: #d26643;
--color-citrus-notes-50: #ffe8d6;
--color-citrus-notes-100: #ffd8c3;
--color-citrus-notes-200: #ffc0a5;
--color-citrus-notes-300: #f79d7d;
--color-citrus-notes-400: #e67d5c;
--color-citrus-notes-500: #d45d35;
--color-citrus-notes-600: #b34f2e;
--color-citrus-notes-700: #903f25;
--color-citrus-notes-800: #6b2c1b;
--color-citrus-notes-900: #4c1e11;
--color-citrus-notes-950: #320d04;
}SCSS
$citrus-notes: #d26643;
$citrus-notes-rgb: 210, 102, 67;
$citrus-notes-light: mix(#fff, $citrus-notes, 20%);
$citrus-notes-dark: mix(#000, $citrus-notes, 20%);
.element {
color: $citrus-notes;
box-shadow: 0 0 0 2px rgba($citrus-notes, 0.35);
}