Nazwany kolor · #DF745B
Rustic Pottery
Rustic Pottery to #DF745B: rgb(223 116 91), hsl(11 67% 62%), oklch(0.676 0.139 34.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rustic Pottery color name →
#DF745B
oklch(0.676 0.139 34.3)
Konwersje koloru
- HEX
- #df745b
- RGB
- rgb(223 116 91)
- HSL
- hsl(11 67% 62%)
- HWB
- hwb(11 36% 13%)
- OKLCH
- oklch(0.676 0.139 34.3)
- OKLab
- oklab(0.676 0.115 0.078)
- CIE Lab
- lab(61.28 41.02 33.64)
- LCH
- lch(61.28 53.05 39.4)
- CMYK
- cmyk(0% 48% 59% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4836B
- E8917C
- EC9F8C
- F0AD9C
- F4BAAC
- F7C8BD
- F9D6CD
- FCE4DD
- FEF1EE
Odcienie ciemniejsze
- C2644E
- A55441
- 8A4535
- 6F3729
- 56291E
- 3D1B13
- 270F09
- 120503
- 020100
Tony
- D67660
- CD7864
- C47A68
- BB7B6C
- B27D70
- A87E73
- 9E7E76
- 957F7A
- 8A807D
Harmonie kolorów
Komplementarna +180°
- DF745B
Rustic Pottery
- 00A9C4
≈ Sarah’s Garden
Analogowa -30° +30°
- DF745B
Rustic Pottery
- DC6F8D
≈ Oxford Sausage
- D18226
≈ Dixie
Triada +120° +240°
- DF745B
Rustic Pottery
- 41B06F
≈ Medium Sea Green
- 7E8FEC
≈ Perrywinkle
Komplementarna rozszczepiona +150° +210°
- DF745B
Rustic Pottery
- 00AFA0
≈ Billiard
- 3C9FE6
≈ Perfect Days
Tetrada +90° +180° +270°
- DF745B
Rustic Pottery
- 85A53A
≈ Greenery
- 00A9C4
≈ Sarah’s Garden
- AA80DC
≈ Lavender Blossom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.09:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.78:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--rustic-pottery: #df745b;
--rustic-pottery-rgb: 223 116 91;
--rustic-pottery-oklch: oklch(0.676 0.139 34.3);
}
.element {
color: var(--rustic-pottery);
background-color: hsl(11 67% 62%);
border-color: oklch(0.676 0.139 34.3);
}Tailwind CSS v4
@theme {
--color-rustic-pottery: #df745b;
--color-rustic-pottery-50: #ffe8da;
--color-rustic-pottery-100: #ffd8c8;
--color-rustic-pottery-200: #ffc0ab;
--color-rustic-pottery-300: #f59d85;
--color-rustic-pottery-400: #e47e65;
--color-rustic-pottery-500: #d25d43;
--color-rustic-pottery-600: #b1503a;
--color-rustic-pottery-700: #8e402e;
--color-rustic-pottery-800: #6a2d22;
--color-rustic-pottery-900: #4b1e16;
--color-rustic-pottery-950: #310e08;
}SCSS
$rustic-pottery: #df745b;
$rustic-pottery-rgb: 223, 116, 91;
$rustic-pottery-light: mix(#fff, $rustic-pottery, 20%);
$rustic-pottery-dark: mix(#000, $rustic-pottery, 20%);
.element {
color: $rustic-pottery;
box-shadow: 0 0 0 2px rgba($rustic-pottery, 0.35);
}