Nazwany kolor · #975840
Rookwood Terra Cotta
Rookwood Terra Cotta to #975840: rgb(151 88 64), hsl(17 40% 42%), oklch(0.527 0.091 41.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rookwood Terra Cotta color name →
#975840
oklch(0.527 0.091 41.4)
Konwersje koloru
- HEX
- #975840
- RGB
- rgb(151 88 64)
- HSL
- hsl(17 40% 42%)
- HWB
- hwb(17 25% 41%)
- OKLCH
- oklch(0.527 0.091 41.4)
- OKLab
- oklab(0.527 0.068 0.06)
- CIE Lab
- lab(44.51 24.88 25.56)
- LCH
- lch(44.51 35.67 45.8)
- CMYK
- cmyk(0% 42% 58% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A26852
- AD7864
- B88877
- C29989
- CDA99C
- D7BAAF
- E1CBC3
- EBDCD7
- F5EDEB
Odcienie ciemniejsze
- 834B36
- 6F3F2D
- 5C3324
- 49281B
- 371D13
- 26120B
- 170905
- 080301
- 010000
Tony
- 955C47
- 94614E
- 926554
- 90695B
- 8D6D61
- 8B7167
- 89756D
- 867974
- 837C7A
Harmonie kolorów
Komplementarna +180°
- 975840
Rookwood Terra Cotta
- 167690
≈ Cleopatra
Analogowa -30° +30°
- 975840
Rookwood Terra Cotta
- 98545D
≈ Cuban Rhythm
- 8C6128
≈ Rusty Coin
Triada +120° +240°
- 975840
Rookwood Terra Cotta
- 317B5A
≈ Amazon
- 62649E
≈ Iris Bloom
Komplementarna rozszczepiona +150° +210°
- 975840
Rookwood Terra Cotta
- 007B78
≈ Surfie Green
- 416E9E
≈ Muted Blue
Tetrada +90° +180° +270°
- 975840
Rookwood Terra Cotta
- 58763C
≈ Luck of the Irish
- 167690
≈ Cleopatra
- 7C5B91
≈ Ghostly Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.54:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.78:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--rookwood-terra-cotta: #975840;
--rookwood-terra-cotta-rgb: 151 88 64;
--rookwood-terra-cotta-oklch: oklch(0.527 0.091 41.4);
}
.element {
color: var(--rookwood-terra-cotta);
background-color: hsl(17 40% 42%);
border-color: oklch(0.527 0.091 41.4);
}Tailwind CSS v4
@theme {
--color-rookwood-terra-cotta: #975840;
--color-rookwood-terra-cotta-50: #ffeee1;
--color-rookwood-terra-cotta-100: #ffdfd0;
--color-rookwood-terra-cotta-200: #f7c9b5;
--color-rookwood-terra-cotta-300: #e0a992;
--color-rookwood-terra-cotta-400: #cd8c74;
--color-rookwood-terra-cotta-500: #b97155;
--color-rookwood-terra-cotta-600: #9c6049;
--color-rookwood-terra-cotta-700: #7d4c3a;
--color-rookwood-terra-cotta-800: #5d372a;
--color-rookwood-terra-cotta-900: #41261c;
--color-rookwood-terra-cotta-950: #2a140c;
}SCSS
$rookwood-terra-cotta: #975840;
$rookwood-terra-cotta-rgb: 151, 88, 64;
$rookwood-terra-cotta-light: mix(#fff, $rookwood-terra-cotta, 20%);
$rookwood-terra-cotta-dark: mix(#000, $rookwood-terra-cotta, 20%);
.element {
color: $rookwood-terra-cotta;
box-shadow: 0 0 0 2px rgba($rookwood-terra-cotta, 0.35);
}