Nazwany kolor · #FC8258
Ballet Cream
Ballet Cream to #FC8258: rgb(252 130 88), hsl(15 96% 67%), oklch(0.737 0.16 39.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ballet Cream color name →
#FC8258
oklch(0.737 0.16 39.4)
Konwersje koloru
- HEX
- #fc8258
- RGB
- rgb(252 130 88)
- HSL
- hsl(15 96% 67%)
- HWB
- hwb(15 35% 1%)
- OKLCH
- oklch(0.737 0.16 39.4)
- OKLab
- oklab(0.737 0.123 0.101)
- CIE Lab
- lab(68.21 45.17 44.61)
- LCH
- lch(68.21 63.49 44.6)
- CMYK
- cmyk(0% 48% 65% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FE906A
- FF9D7B
- FFAA8C
- FFB69C
- FFC2AD
- FFCFBD
- FFDBCE
- FFE7DE
- FFF3EE
Odcienie ciemniejsze
- DB704B
- BB5F3F
- 9C4E33
- 7E3E28
- 622F1D
- 472012
- 2D1209
- 160603
- 030100
Tony
- F0835E
- E48463
- D88468
- CC846C
- C08470
- B38474
- A78377
- 9A827A
- 8D817D
Harmonie kolorów
Komplementarna +180°
- FC8258
Ballet Cream
- 00BCE3
≈ Maldives
Analogowa -30° +30°
- FC8258
Ballet Cream
- FC7A94
≈ Carnation
- E99404
≈ Gold Fusion
Triada +120° +240°
- FC8258
Ballet Cream
- 26C785
≈ Retro Lime
- 989FFF
≈ Cobalite
Komplementarna rozszczepiona +150° +210°
- FC8258
Ballet Cream
- 00C3BB
≈ Swimmers Pool
- 5CAFFF
≈ Tiān Lán Sky
Tetrada +90° +180° +270°
- FC8258
Ballet Cream
- 89BD44
≈ Spring Sprout
- 00BCE3
≈ Maldives
- C88BF5
≈ Liliac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.47:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.47:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.47:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--ballet-cream: #fc8258;
--ballet-cream-rgb: 252 130 88;
--ballet-cream-oklch: oklch(0.737 0.16 39.4);
}
.element {
color: var(--ballet-cream);
background-color: hsl(15 96% 67%);
border-color: oklch(0.737 0.16 39.4);
}Tailwind CSS v4
@theme {
--color-ballet-cream: #fc8258;
--color-ballet-cream-50: #ffe7d2;
--color-ballet-cream-100: #ffd7bf;
--color-ballet-cream-200: #ffbe9f;
--color-ballet-cream-300: #fc9a76;
--color-ballet-cream-400: #ec7952;
--color-ballet-cream-500: #da5725;
--color-ballet-cream-600: #b84a22;
--color-ballet-cream-700: #943b1b;
--color-ballet-cream-800: #6f2914;
--color-ballet-cream-900: #4e1c0d;
--color-ballet-cream-950: #330b02;
}SCSS
$ballet-cream: #fc8258;
$ballet-cream-rgb: 252, 130, 88;
$ballet-cream-light: mix(#fff, $ballet-cream, 20%);
$ballet-cream-dark: mix(#000, $ballet-cream, 20%);
.element {
color: $ballet-cream;
box-shadow: 0 0 0 2px rgba($ballet-cream, 0.35);
}