Nazwany kolor · #DDD6F3
Japan Blush
Japan Blush to #DDD6F3: rgb(221 214 243), hsl(254 55% 90%), oklch(0.891 0.04 296.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Japan Blush color name →
#DDD6F3
oklch(0.891 0.04 296.6)
Konwersje koloru
- HEX
- #ddd6f3
- RGB
- rgb(221 214 243)
- HSL
- hsl(254 55% 90%)
- HWB
- hwb(254 84% 5%)
- OKLCH
- oklch(0.891 0.04 296.6)
- OKLab
- oklab(0.891 0.018 -0.036)
- CIE Lab
- lab(86.86 6.53 -13.36)
- LCH
- lch(86.86 14.87 296.1)
- CMYK
- cmyk(9% 12% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0DAF4
- E4DEF6
- E7E2F7
- EAE6F8
- EEEAF9
- F1EFFA
- F5F3FC
- F8F7FD
- FCFBFE
Odcienie ciemniejsze
- C0BAD3
- A49EB4
- 888497
- 6E6A7A
- 55525E
- 3D3B44
- 26252B
- 111014
- 020203
Tony
- D3CDE7
- CAC4DB
- C0BBCF
- B7B3C4
- ADAAB8
- A4A1AD
- 9B99A1
- 929196
- 89888B
Harmonie kolorów
Komplementarna +180°
- DDD6F3
Japan Blush
- D9DFC1
≈ Airy Fields
Analogowa -30° +30°
- DDD6F3
Japan Blush
- CFDBF6
≈ Flax Bloom
- EAD2E9
≈ Lilacs in Spring
Triada +120° +240°
- DDD6F3
Japan Blush
- F0D5C2
≈ Iced Apricot
- C0E4DA
≈ Tidewater
Komplementarna rozszczepiona +150° +210°
- DDD6F3
Japan Blush
- E6DABE
≈ Deserted Beach
- CBE3CC
≈ Katsura
Tetrada +90° +180° +270°
- DDD6F3
Japan Blush
- F5D1CD
≈ Pinky Promise
- D9DFC1
≈ Airy Fields
- BDE3E8
≈ Icy Water
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 14.98:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--japan-blush: #ddd6f3;
--japan-blush-rgb: 221 214 243;
--japan-blush-oklch: oklch(0.891 0.04 296.6);
}
.element {
color: var(--japan-blush);
background-color: hsl(254 55% 90%);
border-color: oklch(0.891 0.04 296.6);
}Tailwind CSS v4
@theme {
--color-japan-blush: #ddd6f3;
--color-japan-blush-50: #f6f3ff;
--color-japan-blush-100: #e9e5f4;
--color-japan-blush-200: #d6d1e4;
--color-japan-blush-300: #bab3ca;
--color-japan-blush-400: #a09ab4;
--color-japan-blush-500: #88819e;
--color-japan-blush-600: #736d86;
--color-japan-blush-700: #5c576b;
--color-japan-blush-800: #43404f;
--color-japan-blush-900: #2e2c37;
--color-japan-blush-950: #1b1922;
}SCSS
$japan-blush: #ddd6f3;
$japan-blush-rgb: 221, 214, 243;
$japan-blush-light: mix(#fff, $japan-blush, 20%);
$japan-blush-dark: mix(#000, $japan-blush, 20%);
.element {
color: $japan-blush;
box-shadow: 0 0 0 2px rgba($japan-blush, 0.35);
}