色名 · #FC8F9B
Conch Shell
Conch Shellは#FC8F9B：rgb(252 143 155)、hsl(353 95% 77%)、oklch(0.769 0.132 13.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Conch Shell color name →
#FC8F9B
oklch(0.769 0.132 13.6)
カラー変換
- HEX
- #fc8f9b
- RGB
- rgb(252 143 155)
- HSL
- hsl(353 95% 77%)
- HWB
- hwb(353 56% 1%)
- OKLCH
- oklch(0.769 0.132 13.6)
- OKLab
- oklab(0.769 0.128 0.031)
- CIE Lab
- lab(71.78 43 12.8)
- LCH
- lch(71.78 44.87 16.6)
- CMYK
- cmyk(0% 43% 38% 1%)
ティント · シェード · トーン
ティント
- FE9BA5
- FFA6AE
- FFB2B8
- FFBDC2
- FFC8CC
- FFD3D6
- FFDEE0
- FFE9EA
- FFF4F5
シェード
- DB7C86
- BB6972
- 9C575E
- 7E454B
- 623439
- 472428
- 2D1518
- 160709
- 030101
トーン
- F08E98
- E48D96
- D78C93
- CB8B90
- BF898E
- B3888B
- A68688
- 9A8485
- 8D8283
カラーハーモニー
補色 +180°
- FC8F9B
Conch Shell
- 00CECC
≈ Neon Lagoon
類似色 -30° +30°
- FC8F9B
Conch Shell
- EE91C9
≈ Pearly Pink
- F9976C
≈ Autumn Arrival
トライアド +120° +240°
- FC8F9B
Conch Shell
- 91C66D
≈ Pistachio
- 7CB8FF
≈ Parakeet Blue
スプリットコンプリメンタリー +150° +210°
- FC8F9B
Conch Shell
- 53CE9D
≈ Vegetation
- 34C5F2
≈ Shovel Knight
テトラード +90° +180° +270°
- FC8F9B
Conch Shell
- C3B848
≈ Warm Olive
- 00CECC
≈ Neon Lagoon
- AAA9FF
≈ Shy Moment
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.20:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.54:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--conch-shell: #fc8f9b;
--conch-shell-rgb: 252 143 155;
--conch-shell-oklch: oklch(0.769 0.132 13.6);
}
.element {
color: var(--conch-shell);
background-color: hsl(353 95% 77%);
border-color: oklch(0.769 0.132 13.6);
}Tailwind CSS v4
@theme {
--color-conch-shell: #fc8f9b;
--color-conch-shell-50: #ffe7e9;
--color-conch-shell-100: #ffd7d9;
--color-conch-shell-200: #ffbec1;
--color-conch-shell-300: #f39ba1;
--color-conch-shell-400: #e17c87;
--color-conch-shell-500: #ce5c6c;
--color-conch-shell-600: #ae4e5c;
--color-conch-shell-700: #8c3e49;
--color-conch-shell-800: #682c36;
--color-conch-shell-900: #491e25;
--color-conch-shell-950: #300d14;
}SCSS
$conch-shell: #fc8f9b;
$conch-shell-rgb: 252, 143, 155;
$conch-shell-light: mix(#fff, $conch-shell, 20%);
$conch-shell-dark: mix(#000, $conch-shell, 20%);
.element {
color: $conch-shell;
box-shadow: 0 0 0 2px rgba($conch-shell, 0.35);
}