Colore con nome · #C38B82
Ceremonial Ochre
Ceremonial Ochre è #C38B82: rgb(195 139 130), hsl(8 35% 64%), oklch(0.689 0.07 29.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ceremonial Ochre color name →
#C38B82
oklch(0.689 0.07 29.2)
Conversioni di colore
- HEX
- #c38b82
- RGB
- rgb(195 139 130)
- HSL
- hsl(8 35% 64%)
- HWB
- hwb(8 51% 24%)
- OKLCH
- oklch(0.689 0.07 29.2)
- OKLab
- oklab(0.689 0.061 0.034)
- CIE Lab
- lab(63.35 21.11 13.77)
- LCH
- lch(63.35 25.2 33.1)
- CMYK
- cmyk(0% 29% 33% 24%)
Tinte · Ombre · Toni
Tinte
- C9968E
- D0A29A
- D6ADA6
- DCB8B2
- E2C4BF
- E8D0CC
- EEDBD8
- F4E7E5
- F9F3F2
Ombre
- A97870
- 90665F
- 78544E
- 60433E
- 4A322F
- 342320
- 201412
- 0E0706
- 020101
Toni
- BC8A82
- B68982
- AF8882
- A98781
- A28681
- 9B8581
- 958481
- 8E8381
- 878180
Armonie di colore
Complementare +180°
- C38B82
Ceremonial Ochre
- 64A7B3
≈ Summer Sea
Analogo -30° +30°
- C38B82
Ceremonial Ochre
- C0899A
≈ Desert Bud
- BC916F
≈ Hickory Tint
Triadico +120° +240°
- C38B82
Ceremonial Ochre
- 7DA884
≈ Green Globe
- 899AC8
≈ Easter Egg
Complementare divisa +150° +210°
- C38B82
Ceremonial Ochre
- 68AA9C
≈ Calmness
- 72A2C2
≈ Air Superiority Blue
Tetradico +90° +180° +270°
- C38B82
Ceremonial Ochre
- 96A270
≈ Ivy Enchantment
- 64A7B3
≈ Summer Sea
- A192C1
≈ Chive Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.33:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--ceremonial-ochre: #c38b82;
--ceremonial-ochre-rgb: 195 139 130;
--ceremonial-ochre-oklch: oklch(0.689 0.07 29.2);
}
.element {
color: var(--ceremonial-ochre);
background-color: hsl(8 35% 64%);
border-color: oklch(0.689 0.07 29.2);
}Tailwind CSS v4
@theme {
--color-ceremonial-ochre: #c38b82;
--color-ceremonial-ochre-50: #ffeee9;
--color-ceremonial-ochre-100: #ffe0da;
--color-ceremonial-ochre-200: #f1cac2;
--color-ceremonial-ochre-300: #d9aba2;
--color-ceremonial-ochre-400: #c58f86;
--color-ceremonial-ochre-500: #b0746b;
--color-ceremonial-ochre-600: #95635b;
--color-ceremonial-ochre-700: #774f48;
--color-ceremonial-ochre-800: #583935;
--color-ceremonial-ochre-900: #3e2724;
--color-ceremonial-ochre-950: #271513;
}SCSS
$ceremonial-ochre: #c38b82;
$ceremonial-ochre-rgb: 195, 139, 130;
$ceremonial-ochre-light: mix(#fff, $ceremonial-ochre, 20%);
$ceremonial-ochre-dark: mix(#000, $ceremonial-ochre, 20%);
.element {
color: $ceremonial-ochre;
box-shadow: 0 0 0 2px rgba($ceremonial-ochre, 0.35);
}