Warna bernama · #FD9F01
Pencil Me In
Pencil Me In adalah #FD9F01: rgb(253 159 1), hsl(38 99% 50%), oklch(0.78 0.171 68.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Pencil Me In color name →
#FD9F01
oklch(0.78 0.171 68.2)
Konversi warna
- HEX
- #fd9f01
- RGB
- rgb(253 159 1)
- HSL
- hsl(38 99% 50%)
- HWB
- hwb(38 0% 1%)
- OKLCH
- oklch(0.78 0.171 68.2)
- OKLab
- oklab(0.78 0.063 0.159)
- CIE Lab
- lab(74 29.67 77.93)
- LCH
- lch(74 83.39 69.2)
- CMYK
- cmyk(0% 37% 100% 1%)
Tint · Shade · Tone
Tint
- FEA93D
- FFB45B
- FFBD73
- FFC789
- FFD19E
- FFDAB2
- FFE4C5
- FFEDD9
- FFF6EC
Shade
- DC8A01
- BC7501
- 9D6100
- 7F4D00
- 623B00
- 472900
- 2D1800
- 160900
- 030100
Tone
- F09D2C
- E49A3F
- D7974C
- CB9457
- BF9160
- B28E68
- A68B6F
- 998775
- 8D847B
Harmoni warna
Komplementer +180°
- FD9F01
Pencil Me In
- 78BDFF
≈ Cooler Than Ever
Analog -30° +30°
- FD9F01
Pencil Me In
- FF9877
≈ Flash in the Pan
- D3B700
≈ Lionhead
Triadik +120° +240°
- FD9F01
Pencil Me In
- 00D2C8
≈ Turquoise Panic
- D29CFF
≈ Plasma Trail
Split-komplementer +150° +210°
- FD9F01
Pencil Me In
- 00CCF3
≈ Picnic Day Sky
- A7B0FF
≈ Shy Moment
Tetradik +90° +180° +270°
- FD9F01
Pencil Me In
- 2ED78D
≈ Envy’s Love
- 78BDFF
≈ Cooler Than Ever
- FC88DD
≈ Pink Delight
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.07:1 · APCA Lc 40
Ag
AAADi atas hitam
WCAG 10.13:1 · APCA Lc 62
Warna teks terbaik: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Cuplikan kode
CSS
:root {
--pencil-me-in: #fd9f01;
--pencil-me-in-rgb: 253 159 1;
--pencil-me-in-oklch: oklch(0.78 0.171 68.2);
}
.element {
color: var(--pencil-me-in);
background-color: hsl(38 99% 50%);
border-color: oklch(0.78 0.171 68.2);
}Tailwind CSS v4
@theme {
--color-pencil-me-in: #fd9f01;
--color-pencil-me-in-50: #ffeec0;
--color-pencil-me-in-100: #ffdfaa;
--color-pencil-me-in-200: #ffc881;
--color-pencil-me-in-300: #eea74a;
--color-pencil-me-in-400: #df8700;
--color-pencil-me-in-500: #cc6800;
--color-pencil-me-in-600: #ac5900;
--color-pencil-me-in-700: #8b4700;
--color-pencil-me-in-800: #683200;
--color-pencil-me-in-900: #492200;
--color-pencil-me-in-950: #301100;
}SCSS
$pencil-me-in: #fd9f01;
$pencil-me-in-rgb: 253, 159, 1;
$pencil-me-in-light: mix(#fff, $pencil-me-in, 20%);
$pencil-me-in-dark: mix(#000, $pencil-me-in, 20%);
.element {
color: $pencil-me-in;
box-shadow: 0 0 0 2px rgba($pencil-me-in, 0.35);
}