Nazwany kolor · #FBD2BB
Fahrenheit
Fahrenheit to #FBD2BB: rgb(251 210 187), hsl(22 89% 86%), oklch(0.893 0.056 51). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Fahrenheit color name →
#FBD2BB
oklch(0.893 0.056 51)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCD7C2
- FCDBC9
- FDE0CF
- FDE4D6
- FEE9DD
- FEEDE4
- FEF2EB
- FFF6F1
- FFFBF8
Odcienie ciemniejsze
- DAB6A2
- BA9B8A
- 9C8173
- 7E685C
- 615046
- 463932
- 2D241F
- 15100D
- 030202
Tony
- EECAB5
- E1C1AF
- D5B9A9
- C8B0A3
- BCA89D
- B0A097
- A49892
- 98908C
- 8C8886
Harmonie kolorów
Komplementarna +180°
- FBD2BB
Fahrenheit
- B7E3FA
≈ Breaking the Ice
Analogowa -30° +30°
- FBD2BB
Fahrenheit
- FFCECC
≈ Aromatic Breeze
- EFD9B3
≈ Simple Pleasures
Triada +120° +240°
- FBD2BB
Fahrenheit
- B8E8D7
≈ Mediterranean Mist
- DBD6FF
≈ Pale Lavender
Komplementarna rozszczepiona +150° +210°
- FBD2BB
Fahrenheit
- B1E7EB
≈ Winter Escape
- C9DDFF
≈ Arc Light
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.03:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}