Nazwany kolor · #FFF1D5
Candlestick Point
Candlestick Point to #FFF1D5: rgb(255 241 213), hsl(40 100% 92%), oklch(0.962 0.04 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Candlestick Point color name →
#FFF1D5
oklch(0.962 0.04 84.6)
Konwersje koloru
- HEX
- #fff1d5
- RGB
- rgb(255 241 213)
- HSL
- hsl(40 100% 92%)
- HWB
- hwb(40 84% 0%)
- OKLCH
- oklch(0.962 0.04 84.6)
- OKLab
- oklab(0.962 0.004 0.039)
- CIE Lab
- lab(95.72 1.59 15.36)
- LCH
- lch(95.72 15.45 84.1)
- CMYK
- cmyk(0% 5% 16% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF2D9
- FFF4DD
- FFF5E2
- FFF7E6
- FFF8EA
- FFF9EE
- FFFBF3
- FFFCF7
- FFFEFB
Odcienie ciemniejsze
- DED2B9
- BEB39E
- 9E9583
- 80796A
- 635D51
- 48433A
- 2E2B24
- 161410
- 030302
Tony
- F2E5CC
- E4D9C4
- D7CEBB
- CAC2B2
- BEB7AA
- B1ACA1
- A4A199
- 989691
- 8C8B88
Harmonie kolorów
Komplementarna +180°
- FFF1D5
Candlestick Point
- ECF3FF
≈ Placebo Blue
Analogowa -30° +30°
- FFF1D5
Candlestick Point
- FFEFE5
≈ Rice Pudding
- F1F6D8
≈ Sprig of Sage
Triada +120° +240°
- FFF1D5
Candlestick Point
- D5FBFF
≈ Salt Mountain
- FEEBFF
≈ Fairy Bubblegum Cloud
Komplementarna rozszczepiona +150° +210°
- FFF1D5
Candlestick Point
- E5F5FF
≈ Kodama White
- F3F0FF
≈ Cloud Break
Tetrada +90° +180° +270°
- FFF1D5
Candlestick Point
- D8FCF1
≈ Candied Snow
- ECF3FF
≈ Placebo Blue
- FFEDF3
≈ Sugar Coated
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.11:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.79:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.79:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--candlestick-point: #fff1d5;
--candlestick-point-rgb: 255 241 213;
--candlestick-point-oklch: oklch(0.962 0.04 84.6);
}
.element {
color: var(--candlestick-point);
background-color: hsl(40 100% 92%);
border-color: oklch(0.962 0.04 84.6);
}Tailwind CSS v4
@theme {
--color-candlestick-point: #fff1d5;
--color-candlestick-point-50: #faf5e9;
--color-candlestick-point-100: #eee7d9;
--color-candlestick-point-200: #dcd3c2;
--color-candlestick-point-300: #c0b6a1;
--color-candlestick-point-400: #a99d84;
--color-candlestick-point-500: #928468;
--color-candlestick-point-600: #7c7059;
--color-candlestick-point-700: #635a47;
--color-candlestick-point-800: #494133;
--color-candlestick-point-900: #332d23;
--color-candlestick-point-950: #1e1a12;
}SCSS
$candlestick-point: #fff1d5;
$candlestick-point-rgb: 255, 241, 213;
$candlestick-point-light: mix(#fff, $candlestick-point, 20%);
$candlestick-point-dark: mix(#000, $candlestick-point, 20%);
.element {
color: $candlestick-point;
box-shadow: 0 0 0 2px rgba($candlestick-point, 0.35);
}