Adlandırılmış renk · #D26643
Citrus Notes
Citrus Notes, #D26643: rgb(210 102 67), hsl(15 61% 54%), oklch(0.633 0.145 38.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Citrus Notes color name →
#D26643
oklch(0.633 0.145 38.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D87657
- DE866A
- E4957C
- E9A48F
- EDB3A1
- F2C3B3
- F6D2C6
- F9E1D9
- FCF0EC
Koyu tonlar
- B65839
- 9B4A2F
- 813C26
- 682F1D
- 502314
- 39170C
- 240C05
- 100401
- 020000
Gri tonlar
- CB6A4B
- C36D52
- BB7159
- B4735F
- AC7665
- A3786B
- 9B7B70
- 927D76
- 897E7B
Renk uyumları
Tamamlayıcı +180°
- D26643
Citrus Notes
- 009AB8
≈ Barrier Reef
Analog -30° +30°
- D26643
Citrus Notes
- D15F78
≈ Tuna Sashimi
- C07800
≈ Cassandra’s Curse
Üçlü +120° +240°
- D26643
Citrus Notes
- 08A468
≈ Jungle
- 787EE0
≈ Tanzine
Bölünmüş tamamlayıcı +150° +210°
- D26643
Citrus Notes
- 009F97
≈ Spectra Green
- 338FDD
≈ Oregon Blue
Dörtlü +90° +180° +270°
- D26643
Citrus Notes
- 6F9A2B
≈ Radiant Foliage
- 009AB8
≈ Barrier Reef
- A36FCD
≈ Rich Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.72:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
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);
}