色名 · #C0816E
Kitchen Terra Cotta
Kitchen Terra Cottaは#C0816E：rgb(192 129 110)、hsl(14 39% 59%)、oklch(0.663 0.084 37.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Kitchen Terra Cotta color name →
#C0816E
oklch(0.663 0.084 37.5)
カラー変換
- HEX
- #c0816e
- RGB
- rgb(192 129 110)
- HSL
- hsl(14 39% 59%)
- HWB
- hwb(14 43% 25%)
- OKLCH
- oklch(0.663 0.084 37.5)
- OKLab
- oklab(0.663 0.066 0.051)
- CIE Lab
- lab(60.26 23.39 20.76)
- LCH
- lch(60.26 31.27 41.6)
- CMYK
- cmyk(0% 33% 43% 25%)
ティント · シェード · トーン
ティント
- C78D7C
- CE9A8A
- D4A698
- DBB3A6
- E1BFB5
- E7CCC3
- EDD8D2
- F3E5E1
- F9F2F0
シェード
- A76F5F
- 8E5E50
- 764E41
- 5F3E33
- 492E26
- 341F19
- 20120E
- 0E0604
- 020101
トーン
- BA8170
- B48172
- AD8174
- A78176
- A18178
- 9A8179
- 94817B
- 8D817D
- 87807E
カラーハーモニー
補色 +180°
- C0816E
Kitchen Terra Cotta
- 50A0B5
≈ Inuit
類似色 -30° +30°
- C0816E
Kitchen Terra Cotta
- C07D8A
≈ Lipstick Pink
- B5895A
≈ Allegro
トライアド +120° +240°
- C0816E
Kitchen Terra Cotta
- 66A37F
≈ Plumosa
- 868EC6
≈ Carriage Ride
スプリットコンプリメンタリー +150° +210°
- C0816E
Kitchen Terra Cotta
- 4EA49C
≈ Bahaman Bliss
- 6998C4
≈ Windstorm
テトラード +90° +180° +270°
- C0816E
Kitchen Terra Cotta
- 859D65
≈ Green Sky
- 50A0B5
≈ Inuit
- A185BB
≈ Peony Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.17:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.60:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--kitchen-terra-cotta: #c0816e;
--kitchen-terra-cotta-rgb: 192 129 110;
--kitchen-terra-cotta-oklch: oklch(0.663 0.084 37.5);
}
.element {
color: var(--kitchen-terra-cotta);
background-color: hsl(14 39% 59%);
border-color: oklch(0.663 0.084 37.5);
}Tailwind CSS v4
@theme {
--color-kitchen-terra-cotta: #c0816e;
--color-kitchen-terra-cotta-50: #ffeee4;
--color-kitchen-terra-cotta-100: #ffdfd4;
--color-kitchen-terra-cotta-200: #f5c9ba;
--color-kitchen-terra-cotta-300: #dea998;
--color-kitchen-terra-cotta-400: #ca8d7b;
--color-kitchen-terra-cotta-500: #b6725e;
--color-kitchen-terra-cotta-600: #9a6150;
--color-kitchen-terra-cotta-700: #7b4d3f;
--color-kitchen-terra-cotta-800: #5c382e;
--color-kitchen-terra-cotta-900: #40261f;
--color-kitchen-terra-cotta-950: #29140f;
}SCSS
$kitchen-terra-cotta: #c0816e;
$kitchen-terra-cotta-rgb: 192, 129, 110;
$kitchen-terra-cotta-light: mix(#fff, $kitchen-terra-cotta, 20%);
$kitchen-terra-cotta-dark: mix(#000, $kitchen-terra-cotta, 20%);
.element {
color: $kitchen-terra-cotta;
box-shadow: 0 0 0 2px rgba($kitchen-terra-cotta, 0.35);
}