Màu có tên · #C1875F
Peace of Mind
Peace of Mind là #C1875F: rgb(193 135 95), hsl(24 44% 56%), oklch(0.672 0.09 55.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Peace of Mind color name →
#C1875F
oklch(0.672 0.09 55.2)
Chuyển đổi màu
- HEX
- #c1875f
- RGB
- rgb(193 135 95)
- HSL
- hsl(24 44% 56%)
- HWB
- hwb(24 37% 24%)
- OKLCH
- oklch(0.672 0.09 55.2)
- OKLab
- oklab(0.672 0.051 0.074)
- CIE Lab
- lab(61.59 19.56 30.79)
- LCH
- lch(61.59 36.48 57.6)
- CMYK
- cmyk(0% 30% 51% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C8936F
- CE9F7F
- D5AA8E
- DBB69E
- E1C2AE
- E7CEBE
- EDDACE
- F3E7DE
- F9F3EF
Sắc đậm
- A77552
- 8F6344
- 775138
- 5F412C
- 493120
- 342115
- 20130A
- 0E0603
- 020100
Sắc xám
- BB8763
- B48667
- AE866A
- A8856E
- A18471
- 9B8474
- 948377
- 8D827A
- 87817D
Hòa sắc
Bổ túc +180°
- C1875F
Peace of Mind
- 5B9FC5
≈ Blue Grotto
Tương đồng -30° +30°
- C1875F
Peace of Mind
- C7807A
≈ Prancer
- AF9252
≈ Asian Pear
Bộ ba +120° +240°
- C1875F
Peace of Mind
- 52A893
≈ Jewel Weed
- 9A8BC8
≈ Petrified Purple
Bổ túc chia +150° +210°
- C1875F
Peace of Mind
- 46A6B0
≈ Freshwater
- 7B95CE
≈ Pannikin
Bộ bốn +90° +180° +270°
- C1875F
Peace of Mind
- 72A574
≈ Hierba Santa
- 5B9FC5
≈ Blue Grotto
- B283B4
≈ African Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.04:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.89:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--peace-of-mind: #c1875f;
--peace-of-mind-rgb: 193 135 95;
--peace-of-mind-oklch: oklch(0.672 0.09 55.2);
}
.element {
color: var(--peace-of-mind);
background-color: hsl(24 44% 56%);
border-color: oklch(0.672 0.09 55.2);
}Tailwind CSS v4
@theme {
--color-peace-of-mind: #c1875f;
--color-peace-of-mind-50: #ffefdd;
--color-peace-of-mind-100: #ffe1cb;
--color-peace-of-mind-200: #f3cbaf;
--color-peace-of-mind-300: #dbac8a;
--color-peace-of-mind-400: #c8906a;
--color-peace-of-mind-500: #b47549;
--color-peace-of-mind-600: #98643f;
--color-peace-of-mind-700: #7a5032;
--color-peace-of-mind-800: #5b3924;
--color-peace-of-mind-900: #402718;
--color-peace-of-mind-950: #281509;
}SCSS
$peace-of-mind: #c1875f;
$peace-of-mind-rgb: 193, 135, 95;
$peace-of-mind-light: mix(#fff, $peace-of-mind, 20%);
$peace-of-mind-dark: mix(#000, $peace-of-mind, 20%);
.element {
color: $peace-of-mind;
box-shadow: 0 0 0 2px rgba($peace-of-mind, 0.35);
}