色名 · #730113
Cinnabar
Cinnabarは#730113：rgb(115 1 19)、hsl(351 98% 23%)、oklch(0.351 0.141 23)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cinnabar color name →
#730113
oklch(0.351 0.141 23)
カラー変換
- HEX
- #730113
- RGB
- rgb(115 1 19)
- HSL
- hsl(351 98% 23%)
- HWB
- hwb(351 0% 55%)
- OKLCH
- oklch(0.351 0.141 23)
- OKLab
- oklab(0.351 0.13 0.055)
- CIE Lab
- lab(23.26 44.99 26.76)
- LCH
- lch(23.26 52.34 30.7)
- CMYK
- cmyk(0% 99% 83% 55%)
ティント · シェード · トーン
ティント
- 832729
- 93403F
- A25855
- B16F6B
- BF8683
- CC9E9A
- DAB5B3
- E6CECC
- F3E6E5
シェード
- 63010F
- 54010B
- 450007
- 360005
- 280003
- 1B0001
- 0F0001
- 050000
- 010000
トーン
- 76191F
- 79292A
- 7C3534
- 7E413F
- 7F4C4A
- 815754
- 81615F
- 816B6A
- 817675
カラーハーモニー
補色 +180°
- 730113
Cinnabar
- 004449
≈ Dark Side
類似色 -30° +30°
- 730113
Cinnabar
- 6C0441
≈ Spanish Purple
- 5D2B00
≈ Count Chocula
トライアド +120° +240°
- 730113
Cinnabar
- 004903
≈ Borg Queen
- 0F3383
≈ Magnus Blue
スプリットコンプリメンタリー +150° +210°
- 730113
Cinnabar
- 004637
≈ UP Forest Green
- 00405A
≈ Maniac Mansion
テトラード +90° +180° +270°
- 730113
Cinnabar
- 3B3F00
≈ Dark Olive
- 004449
≈ Dark Side
- 41237C
≈ Clear Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.05:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.74:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.05:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--cinnabar: #730113;
--cinnabar-rgb: 115 1 19;
--cinnabar-oklch: oklch(0.351 0.141 23);
}
.element {
color: var(--cinnabar);
background-color: hsl(351 98% 23%);
border-color: oklch(0.351 0.141 23);
}Tailwind CSS v4
@theme {
--color-cinnabar: #730113;
--color-cinnabar-50: #ffe6e1;
--color-cinnabar-100: #ffd6d0;
--color-cinnabar-200: #ffbdb6;
--color-cinnabar-300: #f79a93;
--color-cinnabar-400: #e67a77;
--color-cinnabar-500: #d35958;
--color-cinnabar-600: #b24c4b;
--color-cinnabar-700: #8f3d3c;
--color-cinnabar-800: #6b2b2c;
--color-cinnabar-900: #4b1d1e;
--color-cinnabar-950: #310c0e;
}SCSS
$cinnabar: #730113;
$cinnabar-rgb: 115, 1, 19;
$cinnabar-light: mix(#fff, $cinnabar, 20%);
$cinnabar-dark: mix(#000, $cinnabar, 20%);
.element {
color: $cinnabar;
box-shadow: 0 0 0 2px rgba($cinnabar, 0.35);
}