最も近い色名 · #FAC49E
#FAC49E
最も近い色名: Shrimp Toast
#FAC49E（rgb(250 196 158)、hsl(25 90% 80%)、oklch(0.859 0.08 56.6)）に最も近い色名はShrimp Toastです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FAC49E
oklch(0.859 0.08 56.6)
カラー変換
- HEX
- #fac49e
- RGB
- rgb(250 196 158)
- HSL
- hsl(25 90% 80%)
- HWB
- hwb(25 62% 2%)
- OKLCH
- oklch(0.859 0.08 56.6)
- OKLab
- oklab(0.859 0.044 0.067)
- CIE Lab
- lab(83.4 16.25 26.9)
- LCH
- lch(83.4 31.43 58.9)
- CMYK
- cmyk(0% 22% 37% 2%)
ティント · シェード · トーン
ティント
- FBCAA8
- FCD0B2
- FCD6BB
- FDDCC5
- FEE2CF
- FEE8D8
- FEEDE2
- FFF3EC
- FFF9F5
シェード
- D9AA89
- BA9174
- 9B7860
- 7D614D
- 614A3A
- 463529
- 2D2118
- 150E09
- 030201
トーン
- EDBD9B
- E1B698
- D4AF96
- C8A993
- BCA290
- B09B8D
- A4948A
- 988D86
- 8C8783
カラーハーモニー
補色 +180°
- FAC49E
Shrimp Toast
- 9ED9FF
≈ Shiva Blue
類似色 -30° +30°
- FAC49E
Shrimp Toast
- FFBEB6
≈ Melon Water
- E8CE94
≈ Sunlight
トライアド +120° +240°
- FAC49E
Shrimp Toast
- 97E2CF
≈ Beach Glass
- D5C7FF
≈ Innocent Snowdrop
スプリットコンプリメンタリー +150° +210°
- FAC49E
Shrimp Toast
- 90E0EB
≈ Photon Barrier
- BCD0FF
≈ Ice Cold Stare
テトラード +90° +180° +270°
- FAC49E
Shrimp Toast
- AFE0B2
≈ Celadon
- 9ED9FF
≈ Shiva Blue
- EDBFED
≈ Purple’s Baby Sister
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.45:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--shrimp-toast: #fac49e;
--shrimp-toast-rgb: 250 196 158;
--shrimp-toast-oklch: oklch(0.859 0.08 56.6);
}
.element {
color: var(--shrimp-toast);
background-color: hsl(25 90% 80%);
border-color: oklch(0.859 0.08 56.6);
}Tailwind CSS v4
@theme {
--color-shrimp-toast: #fac49e;
--color-shrimp-toast-50: #fff0df;
--color-shrimp-toast-100: #fde2ce;
--color-shrimp-toast-200: #efcdb3;
--color-shrimp-toast-300: #d7ae8f;
--color-shrimp-toast-400: #c39370;
--color-shrimp-toast-500: #af7850;
--color-shrimp-toast-600: #946644;
--color-shrimp-toast-700: #765136;
--color-shrimp-toast-800: #583b27;
--color-shrimp-toast-900: #3e281a;
--color-shrimp-toast-950: #27160b;
}SCSS
$shrimp-toast: #fac49e;
$shrimp-toast-rgb: 250, 196, 158;
$shrimp-toast-light: mix(#fff, $shrimp-toast, 20%);
$shrimp-toast-dark: mix(#000, $shrimp-toast, 20%);
.element {
color: $shrimp-toast;
box-shadow: 0 0 0 2px rgba($shrimp-toast, 0.35);
}