Najbliższy nazwany kolor · #CE698A
#CE698A
Najbliższy nazwany kolor: Preppy Rose
#CE698A (rgb(206 105 138), hsl(340 51% 61%), oklch(0.648 0.132 0.7)) jest najbliższy nazwanemu kolorowi Preppy Rose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE698A
oklch(0.648 0.132 0.7)
Konwersje koloru
- HEX
- #ce698a
- RGB
- rgb(206 105 138)
- HSL
- hsl(340 51% 61%)
- HWB
- hwb(340 41% 19%)
- OKLCH
- oklch(0.648 0.132 0.7)
- OKLab
- oklab(0.648 0.132 0.002)
- CIE Lab
- lab(57.46 43.35 1.18)
- LCH
- lch(57.46 43.36 1.6)
- CMYK
- cmyk(0% 49% 33% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D47895
- DA87A0
- E096AC
- E6A5B7
- EBB4C3
- EFC3CF
- F4D2DB
- F8E1E7
- FCF0F3
Odcienie ciemniejsze
- B35A77
- 984C65
- 7F3E53
- 663142
- 4E2432
- 381822
- 230C14
- 0F0407
- 020001
Tony
- C76C89
- C06F88
- B87287
- B17486
- A97785
- A17984
- 9A7B83
- 917D82
- 897E81
Harmonie kolorów
Komplementarna +180°
- CE698A
Preppy Rose
- 00A592
≈ Persian Green
Analogowa -30° +30°
- CE698A
Preppy Rose
- BB6EB4
≈ Lavendless
- D26C5C
≈ Red Orpiment
Triada +120° +240°
- CE698A
Preppy Rose
- 839A31
≈ Aloe Vera Green
- 2F97D6
≈ Boyzone
Komplementarna rozszczepiona +150° +210°
- CE698A
Preppy Rose
- 48A563
≈ Bouncy Ball Green
- 00A0B5
≈ January Blue
Tetrada +90° +180° +270°
- CE698A
Preppy Rose
- AD8A02
≈ Yellow Brown
- 00A592
≈ Persian Green
- 7188DF
≈ Tanzine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.49:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.01:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.01:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--preppy-rose: #ce698a;
--preppy-rose-rgb: 206 105 138;
--preppy-rose-oklch: oklch(0.648 0.132 0.7);
}
.element {
color: var(--preppy-rose);
background-color: hsl(340 51% 61%);
border-color: oklch(0.648 0.132 0.7);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #ce698a;
--color-preppy-rose-50: #ffe6f2;
--color-preppy-rose-100: #ffd6e4;
--color-preppy-rose-200: #ffbdcf;
--color-preppy-rose-300: #f09bb1;
--color-preppy-rose-400: #dd7b9a;
--color-preppy-rose-500: #ca5c81;
--color-preppy-rose-600: #ab4e6e;
--color-preppy-rose-700: #893e58;
--color-preppy-rose-800: #662c42;
--color-preppy-rose-900: #471e2d;
--color-preppy-rose-950: #2e0d1a;
}SCSS
$preppy-rose: #ce698a;
$preppy-rose-rgb: 206, 105, 138;
$preppy-rose-light: mix(#fff, $preppy-rose, 20%);
$preppy-rose-dark: mix(#000, $preppy-rose, 20%);
.element {
color: $preppy-rose;
box-shadow: 0 0 0 2px rgba($preppy-rose, 0.35);
}