Warna bernama · #F6ADC6
Nadeshiko Pink
Nadeshiko Pink adalah #F6ADC6: rgb(246 173 198), hsl(339 80% 82%), oklch(0.824 0.091 357). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Nadeshiko Pink color name →
#F6ADC6
oklch(0.824 0.091 357)
Konversi warna
- HEX
- #f6adc6
- RGB
- rgb(246 173 198)
- HSL
- hsl(339 80% 82%)
- HWB
- hwb(339 68% 4%)
- OKLCH
- oklch(0.824 0.091 357)
- OKLab
- oklab(0.824 0.091 -0.005)
- CIE Lab
- lab(78.39 30.09 -1.46)
- LCH
- lch(78.39 30.12 357.2)
- CMYK
- cmyk(0% 30% 20% 4%)
Tint · Shade · Tone
Tint
- F8B5CC
- F9BDD1
- FAC6D7
- FBCEDC
- FCD6E2
- FDDEE8
- FEE6EE
- FEEFF3
- FFF7F9
Shade
- D696AC
- B77F92
- 986A7A
- 7B5562
- 5F414B
- 452D35
- 2C1B21
- 150B0E
- 030102
Tone
- EAA9BF
- DEA4B8
- D2A0B0
- C69BA9
- BB97A2
- AF929B
- A38E94
- 97898E
- 8C8587
Harmoni warna
Komplementer +180°
- F6ADC6
Nadeshiko Pink
- 81D9C4
≈ Tender Turquoise
Analog -30° +30°
- F6ADC6
Nadeshiko Pink
- E5B1E4
≈ Land of Dreams
- FBAFA6
≈ Apricot Blush
Triadik +120° +240°
- F6ADC6
Nadeshiko Pink
- C1CD89
≈ Soft Celery
- 8BCFF9
≈ Drift on the Sea
Split-komplementer +150° +210°
- F6ADC6
Nadeshiko Pink
- 9ED6A3
≈ Green Trance
- 79D6E3
≈ Middle Blue
Tetradik +90° +180° +270°
- F6ADC6
Nadeshiko Pink
- DFC280
≈ Chalky
- 81D9C4
≈ Tender Turquoise
- ACC4FF
≈ Pastel Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.79:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.71:1 · APCA Lc 70
Warna teks terbaik: #000000
WCAG 11.71:1 (AAA) · APCA Lc 70
Contrast pairs
Cuplikan kode
CSS
:root {
--nadeshiko-pink: #f6adc6;
--nadeshiko-pink-rgb: 246 173 198;
--nadeshiko-pink-oklch: oklch(0.824 0.091 357);
}
.element {
color: var(--nadeshiko-pink);
background-color: hsl(339 80% 82%);
border-color: oklch(0.824 0.091 357);
}Tailwind CSS v4
@theme {
--color-nadeshiko-pink: #f6adc6;
--color-nadeshiko-pink-50: #ffebf4;
--color-nadeshiko-pink-100: #ffdce7;
--color-nadeshiko-pink-200: #f6c5d3;
--color-nadeshiko-pink-300: #dfa4b6;
--color-nadeshiko-pink-400: #ca889f;
--color-nadeshiko-pink-500: #b66c87;
--color-nadeshiko-pink-600: #9a5c72;
--color-nadeshiko-pink-700: #7b495b;
--color-nadeshiko-pink-800: #5b3544;
--color-nadeshiko-pink-900: #40242f;
--color-nadeshiko-pink-950: #28131b;
}SCSS
$nadeshiko-pink: #f6adc6;
$nadeshiko-pink-rgb: 246, 173, 198;
$nadeshiko-pink-light: mix(#fff, $nadeshiko-pink, 20%);
$nadeshiko-pink-dark: mix(#000, $nadeshiko-pink, 20%);
.element {
color: $nadeshiko-pink;
box-shadow: 0 0 0 2px rgba($nadeshiko-pink, 0.35);
}