色名 · #BEA88D
Coffee Diva
Coffee Divaは#BEA88D：rgb(190 168 141)、hsl(33 27% 65%)、oklch(0.744 0.045 72.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Coffee Diva color name →
#BEA88D
oklch(0.744 0.045 72.7)
カラー変換
- HEX
- #bea88d
- RGB
- rgb(190 168 141)
- HSL
- hsl(33 27% 65%)
- HWB
- hwb(33 55% 25%)
- OKLCH
- oklch(0.744 0.045 72.7)
- OKLab
- oklab(0.744 0.013 0.043)
- CIE Lab
- lab(70.28 5.15 17.09)
- LCH
- lch(70.28 17.85 73.2)
- CMYK
- cmyk(0% 12% 26% 25%)
ティント · シェード · トーン
ティント
- C4B098
- CBB9A3
- D1C2AE
- D8CABA
- DED3C5
- E5DCD0
- EBE4DC
- F2EDE8
- F8F6F3
シェード
- A5927A
- 8C7C67
- 756755
- 5E5244
- 483F33
- 332C23
- 1F1A14
- 0D0A07
- 020101
トーン
- B8A48C
- B1A08B
- AB9C89
- A59888
- 9F9487
- 989086
- 928C84
- 8C8883
- 868481
カラーハーモニー
補色 +180°
- BEA88D
Coffee Diva
- 98AEC8
≈ Nordland Light Blue
類似色 -30° +30°
- BEA88D
Coffee Diva
- C6A396
≈ Naked Clay
- B1AE8D
≈ That’s Atomic
トライアド +120° +240°
- BEA88D
Coffee Diva
- 8BB5B4
≈ Eyefull
- B6A4C1
≈ Blue Pink
スプリットコンプリメンタリー +150° +210°
- BEA88D
Coffee Diva
- 8DB3C1
≈ Bright Bluebonnet
- A7A9C8
≈ Wisteria Light Soft Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.17:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--coffee-diva: #bea88d;
--coffee-diva-rgb: 190 168 141;
--coffee-diva-oklch: oklch(0.744 0.045 72.7);
}
.element {
color: var(--coffee-diva);
background-color: hsl(33 27% 65%);
border-color: oklch(0.744 0.045 72.7);
}Tailwind CSS v4
@theme {
--color-coffee-diva: #bea88d;
--color-coffee-diva-50: #fdf4e7;
--color-coffee-diva-100: #f1e6d8;
--color-coffee-diva-200: #e0d2bf;
--color-coffee-diva-300: #c5b59e;
--color-coffee-diva-400: #af9b81;
--color-coffee-diva-500: #998265;
--color-coffee-diva-600: #816e56;
--color-coffee-diva-700: #685844;
--color-coffee-diva-800: #4d4031;
--color-coffee-diva-900: #352c21;
--color-coffee-diva-950: #201911;
}SCSS
$coffee-diva: #bea88d;
$coffee-diva-rgb: 190, 168, 141;
$coffee-diva-light: mix(#fff, $coffee-diva, 20%);
$coffee-diva-dark: mix(#000, $coffee-diva, 20%);
.element {
color: $coffee-diva;
box-shadow: 0 0 0 2px rgba($coffee-diva, 0.35);
}