色名 · #933D3E
Cherry Tart
Cherry Tartは#933D3E：rgb(147 61 62)、hsl(359 41% 41%)、oklch(0.476 0.117 21.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cherry Tart color name →
#933D3E
oklch(0.476 0.117 21.9)
カラー変換
- HEX
- #933d3e
- RGB
- rgb(147 61 62)
- HSL
- hsl(359 41% 41%)
- HWB
- hwb(359 24% 42%)
- OKLCH
- oklch(0.476 0.117 21.9)
- OKLab
- oklab(0.476 0.108 0.043)
- CIE Lab
- lab(38.07 37.08 18.53)
- LCH
- lch(38.07 41.45 26.6)
- CMYK
- cmyk(0% 59% 58% 42%)
ティント · シェード · トーン
ティント
- 9F5050
- AB6362
- B77674
- C28987
- CD9C9A
- D7B0AD
- E2C3C1
- ECD7D6
- F5EBEA
シェード
- 7F3435
- 6C2B2B
- 592223
- 471A1A
- 361212
- 250A0A
- 160404
- 080101
- 010000
トーン
- 924545
- 914C4B
- 905352
- 8F5A58
- 8D615F
- 8B6765
- 896E6C
- 867473
- 837A79
カラーハーモニー
補色 +180°
- 933D3E
Cherry Tart
- 006A70
≈ Deep Lake
類似色 -30° +30°
- 933D3E
Cherry Tart
- 8C3D64
≈ Bonbon Red
- 8E460C
≈ Korichnewyi Brown
トライアド +120° +240°
- 933D3E
Cherry Tart
- 316C2B
≈ Radical Green
- 365A9E
≈ Neptune Blue
スプリットコンプリメンタリー +150° +210°
- 933D3E
Cherry Tart
- 006D56
≈ Teal Dark Green
- 006589
≈ Bowerbird Blue
テトラード +90° +180° +270°
- 933D3E
Cherry Tart
- 5F6200
≈ Kirchner Green
- 006A70
≈ Deep Lake
- 5F4E98
≈ Coronation Blue
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.05:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.97:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--cherry-tart: #933d3e;
--cherry-tart-rgb: 147 61 62;
--cherry-tart-oklch: oklch(0.476 0.117 21.9);
}
.element {
color: var(--cherry-tart);
background-color: hsl(359 41% 41%);
border-color: oklch(0.476 0.117 21.9);
}Tailwind CSS v4
@theme {
--color-cherry-tart: #933d3e;
--color-cherry-tart-50: #ffe9e5;
--color-cherry-tart-100: #ffdad5;
--color-cherry-tart-200: #ffc1bc;
--color-cherry-tart-300: #eda09a;
--color-cherry-tart-400: #db827f;
--color-cherry-tart-500: #c86363;
--color-cherry-tart-600: #a95554;
--color-cherry-tart-700: #874343;
--color-cherry-tart-800: #653031;
--color-cherry-tart-900: #472121;
--color-cherry-tart-950: #2e1011;
}SCSS
$cherry-tart: #933d3e;
$cherry-tart-rgb: 147, 61, 62;
$cherry-tart-light: mix(#fff, $cherry-tart, 20%);
$cherry-tart-dark: mix(#000, $cherry-tart, 20%);
.element {
color: $cherry-tart;
box-shadow: 0 0 0 2px rgba($cherry-tart, 0.35);
}