色名 · #FBD2BB
Fahrenheit
Fahrenheitは#FBD2BB：rgb(251 210 187)、hsl(22 89% 86%)、oklch(0.893 0.056 51)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Fahrenheit color name →
#FBD2BB
oklch(0.893 0.056 51)
カラー変換
- HEX
- #fbd2bb
- RGB
- rgb(251 210 187)
- HSL
- hsl(22 89% 86%)
- HWB
- hwb(22 73% 2%)
- OKLCH
- oklch(0.893 0.056 51)
- OKLab
- oklab(0.893 0.035 0.043)
- CIE Lab
- lab(87.33 12.38 17.1)
- LCH
- lch(87.33 21.11 54.1)
- CMYK
- cmyk(0% 16% 25% 2%)
ティント · シェード · トーン
ティント
- FCD7C2
- FCDBC9
- FDE0CF
- FDE4D6
- FEE9DD
- FEEDE4
- FEF2EB
- FFF6F1
- FFFBF8
シェード
- DAB6A2
- BA9B8A
- 9C8173
- 7E685C
- 615046
- 463932
- 2D241F
- 15100D
- 030202
トーン
- EECAB5
- E1C1AF
- D5B9A9
- C8B0A3
- BCA89D
- B0A097
- A49892
- 98908C
- 8C8886
カラーハーモニー
補色 +180°
- FBD2BB
Fahrenheit
- B7E3FA
≈ Breaking the Ice
類似色 -30° +30°
- FBD2BB
Fahrenheit
- FFCECC
≈ Aromatic Breeze
- EFD9B3
≈ Simple Pleasures
トライアド +120° +240°
- FBD2BB
Fahrenheit
- B8E8D7
≈ Mediterranean Mist
- DBD6FF
≈ Pale Lavender
スプリットコンプリメンタリー +150° +210°
- FBD2BB
Fahrenheit
- B1E7EB
≈ Winter Escape
- C9DDFF
≈ Arc Light
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.03:1 · APCA Lc 84
最適な文字色: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--fahrenheit: #fbd2bb;
--fahrenheit-rgb: 251 210 187;
--fahrenheit-oklch: oklch(0.893 0.056 51);
}
.element {
color: var(--fahrenheit);
background-color: hsl(22 89% 86%);
border-color: oklch(0.893 0.056 51);
}Tailwind CSS v4
@theme {
--color-fahrenheit: #fbd2bb;
--color-fahrenheit-50: #fff1e7;
--color-fahrenheit-100: #f8e3d7;
--color-fahrenheit-200: #e8cebf;
--color-fahrenheit-300: #cfb09d;
--color-fahrenheit-400: #ba9681;
--color-fahrenheit-500: #a57c65;
--color-fahrenheit-600: #8b6955;
--color-fahrenheit-700: #705444;
--color-fahrenheit-800: #533d31;
--color-fahrenheit-900: #3a2a21;
--color-fahrenheit-950: #241711;
}SCSS
$fahrenheit: #fbd2bb;
$fahrenheit-rgb: 251, 210, 187;
$fahrenheit-light: mix(#fff, $fahrenheit, 20%);
$fahrenheit-dark: mix(#000, $fahrenheit, 20%);
.element {
color: $fahrenheit;
box-shadow: 0 0 0 2px rgba($fahrenheit, 0.35);
}