Colore con nome · #DE7A63
Rich Georgia Clay
Rich Georgia Clay è #DE7A63: rgb(222 122 99), hsl(11 65% 63%), oklch(0.686 0.129 34). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rich Georgia Clay color name →
#DE7A63
oklch(0.686 0.129 34)
Conversioni di colore
- HEX
- #de7a63
- RGB
- rgb(222 122 99)
- HSL
- hsl(11 65% 63%)
- HWB
- hwb(11 39% 13%)
- OKLCH
- oklch(0.686 0.129 34)
- OKLab
- oklab(0.686 0.107 0.072)
- CIE Lab
- lab(62.47 38.13 30.66)
- LCH
- lch(62.47 48.93 38.8)
- CMYK
- cmyk(0% 45% 55% 13%)
Tinte · Ombre · Toni
Tinte
- E38872
- E79582
- EBA391
- EFB0A1
- F3BDB0
- F6CAC0
- F9D7CF
- FBE5DF
- FDF2EF
Ombre
- C16955
- A55947
- 89493A
- 6F3A2E
- 552B21
- 3D1D16
- 26100B
- 120503
- 020100
Toni
- D57B67
- CC7D6A
- C37E6D
- BA7E70
- B17F73
- A78076
- 9E8079
- 94807B
- 8A807E
Armonie di colore
Complementare +180°
- DE7A63
Rich Georgia Clay
- 00ACC7
≈ Sarah’s Garden
Analogo -30° +30°
- DE7A63
Rich Georgia Clay
- DB7591
≈ Oxford Sausage
- D18738
≈ Pumpkin Squash
Triadico +120° +240°
- DE7A63
Rich Georgia Clay
- 4FB174
≈ Link’s Awakening
- 8293EA
≈ Perrywinkle
Complementare divisa +150° +210°
- DE7A63
Rich Georgia Clay
- 00B2A2
≈ Billiard
- 49A2E4
≈ Perfect Days
Tetradico +90° +180° +270°
- DE7A63
Rich Georgia Clay
- 89A746
≈ Lime It or Leave It
- 00ACC7
≈ Sarah’s Garden
- AC85DB
≈ Lavender Blossom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.06:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-georgia-clay: #de7a63;
--rich-georgia-clay-rgb: 222 122 99;
--rich-georgia-clay-oklch: oklch(0.686 0.129 34);
}
.element {
color: var(--rich-georgia-clay);
background-color: hsl(11 65% 63%);
border-color: oklch(0.686 0.129 34);
}Tailwind CSS v4
@theme {
--color-rich-georgia-clay: #de7a63;
--color-rich-georgia-clay-50: #ffe9dc;
--color-rich-georgia-clay-100: #ffdaca;
--color-rich-georgia-clay-200: #ffc1ae;
--color-rich-georgia-clay-300: #f19f89;
--color-rich-georgia-clay-400: #e0806a;
--color-rich-georgia-clay-500: #cd6149;
--color-rich-georgia-clay-600: #ad533f;
--color-rich-georgia-clay-700: #8b4232;
--color-rich-georgia-clay-800: #682f25;
--color-rich-georgia-clay-900: #492018;
--color-rich-georgia-clay-950: #300f09;
}SCSS
$rich-georgia-clay: #de7a63;
$rich-georgia-clay-rgb: 222, 122, 99;
$rich-georgia-clay-light: mix(#fff, $rich-georgia-clay, 20%);
$rich-georgia-clay-dark: mix(#000, $rich-georgia-clay, 20%);
.element {
color: $rich-georgia-clay;
box-shadow: 0 0 0 2px rgba($rich-georgia-clay, 0.35);
}