色名 · #B67C80
Fiesta Rojo
Fiesta Rojoは#B67C80：rgb(182 124 128)、hsl(356 28% 60%)、oklch(0.646 0.073 14.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Fiesta Rojo color name →
#B67C80
oklch(0.646 0.073 14.7)
カラー変換
- HEX
- #b67c80
- RGB
- rgb(182 124 128)
- HSL
- hsl(356 28% 60%)
- HWB
- hwb(356 49% 29%)
- OKLCH
- oklch(0.646 0.073 14.7)
- OKLab
- oklab(0.646 0.07 0.018)
- CIE Lab
- lab(58.19 23.64 7.47)
- LCH
- lch(58.19 24.79 17.5)
- CMYK
- cmyk(0% 32% 30% 29%)
ティント · シェード · トーン
ティント
- BE898C
- C59598
- CDA2A4
- D4AFB1
- DCBCBE
- E3C9CA
- EAD7D7
- F1E4E4
- F8F1F2
シェード
- 9E6B6E
- 865A5D
- 6F4A4D
- 593B3D
- 442C2E
- 301E1F
- 1D1112
- 0C0506
- 020101
トーン
- B17D80
- AC7D80
- A77E80
- A17E80
- 9C7F80
- 977F80
- 917F80
- 8B8080
- 868080
カラーハーモニー
補色 +180°
- B67C80
Fiesta Rojo
- 549C9C
≈ Cold North
類似色 -30° +30°
- B67C80
Fiesta Rojo
- AF7C98
≈ Antique Hot Pink
- B48069
≈ Brick Fence
トライアド +120° +240°
- B67C80
Fiesta Rojo
- 7B986B
≈ Money
- 7091BA
≈ Allure
スプリットコンプリメンタリー +150° +210°
- B67C80
Fiesta Rojo
- 629C83
≈ Scotch Lassie
- 5A98AF
≈ Chivalry
テトラード +90° +180° +270°
- B67C80
Fiesta Rojo
- 95915C
≈ Cardamom Green
- 549C9C
≈ Cold North
- 8988B9
≈ Soft Blue Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.39:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.18:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--fiesta-rojo: #b67c80;
--fiesta-rojo-rgb: 182 124 128;
--fiesta-rojo-oklch: oklch(0.646 0.073 14.7);
}
.element {
color: var(--fiesta-rojo);
background-color: hsl(356 28% 60%);
border-color: oklch(0.646 0.073 14.7);
}Tailwind CSS v4
@theme {
--color-fiesta-rojo: #b67c80;
--color-fiesta-rojo-50: #ffedee;
--color-fiesta-rojo-100: #ffdfdf;
--color-fiesta-rojo-200: #f2c8c9;
--color-fiesta-rojo-300: #daa9aa;
--color-fiesta-rojo-400: #c68d91;
--color-fiesta-rojo-500: #b17277;
--color-fiesta-rojo-600: #966165;
--color-fiesta-rojo-700: #784d50;
--color-fiesta-rojo-800: #59383b;
--color-fiesta-rojo-900: #3e2629;
--color-fiesta-rojo-950: #271417;
}SCSS
$fiesta-rojo: #b67c80;
$fiesta-rojo-rgb: 182, 124, 128;
$fiesta-rojo-light: mix(#fff, $fiesta-rojo, 20%);
$fiesta-rojo-dark: mix(#000, $fiesta-rojo, 20%);
.element {
color: $fiesta-rojo;
box-shadow: 0 0 0 2px rgba($fiesta-rojo, 0.35);
}