Màu có tên gần nhất · #F68FA1
#F68FA1
Màu có tên gần nhất: Pick Your Brain
#F68FA1 (rgb(246 143 161), hsl(350 85% 76%), oklch(0.764 0.126 9.3)) gần nhất với màu có tên Pick Your Brain. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F68FA1
oklch(0.764 0.126 9.3)
Chuyển đổi màu
- HEX
- #f68fa1
- RGB
- rgb(246 143 161)
- HSL
- hsl(350 85% 76%)
- HWB
- hwb(350 56% 4%)
- OKLCH
- oklch(0.764 0.126 9.3)
- OKLab
- oklab(0.764 0.124 0.02)
- CIE Lab
- lab(71.12 41.32 8.41)
- LCH
- lch(71.12 42.17 11.5)
- CMYK
- cmyk(0% 42% 35% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F89BAA
- FAA6B3
- FCB1BC
- FDBCC6
- FEC8CF
- FFD3D9
- FFDEE2
- FFE9EC
- FFF4F5
Sắc đậm
- D67C8B
- B76976
- 985762
- 7B454E
- 5F343C
- 45242A
- 2C1519
- 150709
- 030101
Sắc xám
- EA8E9E
- DF8D9A
- D38C97
- C88A94
- BC8990
- B0878D
- A4868A
- 988487
- 8C8283
Hòa sắc
Bổ túc +180°
- F68FA1
Pick Your Brain
- 27CBC3
≈ Blue Martina
Tương đồng -30° +30°
- F68FA1
Pick Your Brain
- E792CC
≈ Crepe Myrtle
- F69575
≈ Indian Dance
Bộ ba +120° +240°
- F68FA1
Pick Your Brain
- 99C269
≈ Pistachio
- 6FB8FF
≈ French Sky Blue
Bổ túc chia +150° +210°
- F68FA1
Pick Your Brain
- 61CA95
≈ Vegetation
- 36C4E8
≈ Clean Pool
Bộ bốn +90° +180° +270°
- F68FA1
Pick Your Brain
- C6B34B
≈ Hep Green
- 27CBC3
≈ Blue Martina
- A2A9FF
≈ Shy Moment
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.36:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--pick-your-brain: #f68fa1;
--pick-your-brain-rgb: 246 143 161;
--pick-your-brain-oklch: oklch(0.764 0.126 9.3);
}
.element {
color: var(--pick-your-brain);
background-color: hsl(350 85% 76%);
border-color: oklch(0.764 0.126 9.3);
}Tailwind CSS v4
@theme {
--color-pick-your-brain: #f68fa1;
--color-pick-your-brain-50: #ffe7ec;
--color-pick-your-brain-100: #ffd7dd;
--color-pick-your-brain-200: #ffbfc7;
--color-pick-your-brain-300: #f09ca7;
--color-pick-your-brain-400: #dd7d8e;
--color-pick-your-brain-500: #ca5e74;
--color-pick-your-brain-600: #ab5062;
--color-pick-your-brain-700: #89404f;
--color-pick-your-brain-800: #662e3b;
--color-pick-your-brain-900: #481f28;
--color-pick-your-brain-950: #2e0e16;
}SCSS
$pick-your-brain: #f68fa1;
$pick-your-brain-rgb: 246, 143, 161;
$pick-your-brain-light: mix(#fff, $pick-your-brain, 20%);
$pick-your-brain-dark: mix(#000, $pick-your-brain, 20%);
.element {
color: $pick-your-brain;
box-shadow: 0 0 0 2px rgba($pick-your-brain, 0.35);
}