Nazwany kolor · #DE7A63
Rich Georgia Clay
Rich Georgia Clay to #DE7A63: rgb(222 122 99), hsl(11 65% 63%), oklch(0.686 0.129 34). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rich Georgia Clay color name →
#DE7A63
oklch(0.686 0.129 34)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E38872
- E79582
- EBA391
- EFB0A1
- F3BDB0
- F6CAC0
- F9D7CF
- FBE5DF
- FDF2EF
Odcienie ciemniejsze
- C16955
- A55947
- 89493A
- 6F3A2E
- 552B21
- 3D1D16
- 26100B
- 120503
- 020100
Tony
- D57B67
- CC7D6A
- C37E6D
- BA7E70
- B17F73
- A78076
- 9E8079
- 94807B
- 8A807E
Harmonie kolorów
Komplementarna +180°
- DE7A63
Rich Georgia Clay
- 00ACC7
≈ Sarah’s Garden
Analogowa -30° +30°
- DE7A63
Rich Georgia Clay
- DB7591
≈ Oxford Sausage
- D18738
≈ Pumpkin Squash
Triada +120° +240°
- DE7A63
Rich Georgia Clay
- 4FB174
≈ Link’s Awakening
- 8293EA
≈ Perrywinkle
Komplementarna rozszczepiona +150° +210°
- DE7A63
Rich Georgia Clay
- 00B2A2
≈ Billiard
- 49A2E4
≈ Perfect Days
Tetrada +90° +180° +270°
- DE7A63
Rich Georgia Clay
- 89A746
≈ Lime It or Leave It
- 00ACC7
≈ Sarah’s Garden
- AC85DB
≈ Lavender Blossom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.97:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.06:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
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);
}