色名 · #E8BC95
Queen Conch Shell
Queen Conch Shellは#E8BC95：rgb(232 188 149)、hsl(28 64% 75%)、oklch(0.825 0.073 63.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Queen Conch Shell color name →
#E8BC95
oklch(0.825 0.073 63.1)
カラー変換
- HEX
- #e8bc95
- RGB
- rgb(232 188 149)
- HSL
- hsl(28 64% 75%)
- HWB
- hwb(28 58% 9%)
- OKLCH
- oklch(0.825 0.073 63.1)
- OKLab
- oklab(0.825 0.033 0.065)
- CIE Lab
- lab(79.52 12.43 26.07)
- LCH
- lch(79.52 28.88 64.5)
- CMYK
- cmyk(0% 19% 36% 9%)
ティント · シェード · トーン
ティント
- EBC3A0
- EDC9AA
- EFD0B5
- F2D7BF
- F4DDCA
- F6E4D4
- F9EBDF
- FBF2EA
- FDF8F4
シェード
- CAA381
- AC8B6D
- 90735A
- 745D48
- 594737
- 403226
- 291F16
- 130D08
- 030201
トーン
- DDB693
- D3B091
- C8AA8F
- BEA48D
- B39E8B
- A99889
- 9E9287
- 948C85
- 8A8682
カラーハーモニー
補色 +180°
- E8BC95
Queen Conch Shell
- 9DCCF2
≈ Baby Blue Eyes
類似色 -30° +30°
- E8BC95
Queen Conch Shell
- F1B5A8
≈ Pink Mimosa
- D6C590
≈ Vast Escape
トライアド +120° +240°
- E8BC95
Queen Conch Shell
- 8FD6CA
≈ Middle Blue Green
- CFBBED
≈ Connecticut Lilac
スプリットコンプリメンタリー +150° +210°
- E8BC95
Queen Conch Shell
- 8DD3E2
≈ Piccolo
- B6C3F6
≈ Vodka
テトラード +90° +180° +270°
- E8BC95
Queen Conch Shell
- A2D4B0
≈ Nihilakh Oxide
- 9DCCF2
≈ Baby Blue Eyes
- E3B5DA
≈ Pink Gems
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.05:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--queen-conch-shell: #e8bc95;
--queen-conch-shell-rgb: 232 188 149;
--queen-conch-shell-oklch: oklch(0.825 0.073 63.1);
}
.element {
color: var(--queen-conch-shell);
background-color: hsl(28 64% 75%);
border-color: oklch(0.825 0.073 63.1);
}Tailwind CSS v4
@theme {
--color-queen-conch-shell: #e8bc95;
--color-queen-conch-shell-50: #fff1e0;
--color-queen-conch-shell-100: #fae4cf;
--color-queen-conch-shell-200: #ebcfb4;
--color-queen-conch-shell-300: #d2b091;
--color-queen-conch-shell-400: #be9572;
--color-queen-conch-shell-500: #a97c52;
--color-queen-conch-shell-600: #8e6946;
--color-queen-conch-shell-700: #725438;
--color-queen-conch-shell-800: #553d28;
--color-queen-conch-shell-900: #3b2a1b;
--color-queen-conch-shell-950: #25170b;
}SCSS
$queen-conch-shell: #e8bc95;
$queen-conch-shell-rgb: 232, 188, 149;
$queen-conch-shell-light: mix(#fff, $queen-conch-shell, 20%);
$queen-conch-shell-dark: mix(#000, $queen-conch-shell, 20%);
.element {
color: $queen-conch-shell;
box-shadow: 0 0 0 2px rgba($queen-conch-shell, 0.35);
}