色名 · #C83A40
Root Chakra
Root Chakraは#C83A40：rgb(200 58 64)、hsl(357 56% 51%)、oklch(0.561 0.178 22.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Root Chakra color name →
#C83A40
oklch(0.561 0.178 22.9)
カラー変換
- HEX
- #c83a40
- RGB
- rgb(200 58 64)
- HSL
- hsl(357 56% 51%)
- HWB
- hwb(357 23% 22%)
- OKLCH
- oklch(0.561 0.178 22.9)
- OKLab
- oklab(0.561 0.164 0.069)
- CIE Lab
- lab(47.23 56.77 31.11)
- LCH
- lch(47.23 64.74 28.7)
- CMYK
- cmyk(0% 71% 68% 22%)
ティント · シェード · トーン
ティント
- D05253
- D86765
- DF7B77
- E58E8A
- EBA19D
- F1B4B0
- F5C7C3
- F9D9D7
- FCECEB
シェード
- AE3136
- 94282D
- 7B2024
- 63181B
- 4C1013
- 36090B
- 210405
- 0F0101
- 020000
トーン
- C24547
- BC4E4E
- B65655
- B05E5B
- A96461
- A26B68
- 9A706E
- 927674
- 897B7A
カラーハーモニー
補色 +180°
- C83A40
Root Chakra
- 00858D
≈ Gulf Stream
類似色 -30° +30°
- C83A40
Root Chakra
- BE3B7E
≈ Razzle Dazzle
- B35800
≈ Elm Brown Red
トライアド +120° +240°
- C83A40
Root Chakra
- 178D19
≈ Diamine Green
- 396DDC
≈ Royal Blue
スプリットコンプリメンタリー +150° +210°
- C83A40
Root Chakra
- 00896E
≈ Industrial Turquoise
- 007FAD
≈ Turkish Blue
テトラード +90° +180° +270°
- C83A40
Root Chakra
- 767B00
≈ Flag Green
- 00858D
≈ Gulf Stream
- 7B59D2
≈ Astro Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.07:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.13:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--root-chakra: #c83a40;
--root-chakra-rgb: 200 58 64;
--root-chakra-oklch: oklch(0.561 0.178 22.9);
}
.element {
color: var(--root-chakra);
background-color: hsl(357 56% 51%);
border-color: oklch(0.561 0.178 22.9);
}Tailwind CSS v4
@theme {
--color-root-chakra: #c83a40;
--color-root-chakra-50: #ffe2dc;
--color-root-chakra-100: #ffd1ca;
--color-root-chakra-200: #ffb6ae;
--color-root-chakra-300: #ff9089;
--color-root-chakra-400: #f66c6b;
--color-root-chakra-500: #e4444b;
--color-root-chakra-600: #c13b40;
--color-root-chakra-700: #9b2f33;
--color-root-chakra-800: #742126;
--color-root-chakra-900: #521619;
--color-root-chakra-950: #36060a;
}SCSS
$root-chakra: #c83a40;
$root-chakra-rgb: 200, 58, 64;
$root-chakra-light: mix(#fff, $root-chakra, 20%);
$root-chakra-dark: mix(#000, $root-chakra, 20%);
.element {
color: $root-chakra;
box-shadow: 0 0 0 2px rgba($root-chakra, 0.35);
}