Nazwany kolor · #CCBB99
Intimate Journal
Intimate Journal to #CCBB99: rgb(204 187 153), hsl(40 33% 70%), oklch(0.798 0.05 84.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Intimate Journal color name →
#CCBB99
oklch(0.798 0.05 84.5)
Konwersje koloru
- HEX
- #ccbb99
- RGB
- rgb(204 187 153)
- HSL
- hsl(40 33% 70%)
- HWB
- hwb(40 60% 20%)
- OKLCH
- oklch(0.798 0.05 84.5)
- OKLab
- oklab(0.798 0.005 0.05)
- CIE Lab
- lab(76.67 2.31 19.6)
- LCH
- lch(76.67 19.73 83.3)
- CMYK
- cmyk(0% 8% 25% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1C2A3
- D6C8AD
- DBCFB7
- E0D6C1
- E5DDCB
- EAE3D6
- F0EAE0
- F5F1EA
- FAF8F5
Odcienie ciemniejsze
- B1A284
- 978A70
- 7E735D
- 655C4A
- 4E4638
- 373227
- 221F17
- 0F0D08
- 020201
Tony
- C4B597
- BCAF94
- B5A992
- ADA38F
- A59D8D
- 9E978A
- 969188
- 8F8C85
- 878683
Harmonie kolorów
Komplementarna +180°
- CCBB99
Intimate Journal
- ADBDDE
≈ September Aster
Analogowa -30° +30°
- CCBB99
Intimate Journal
- D7B59F
≈ Kraft Paper
- BCC19D
≈ Animal Kingdom
Triada +120° +240°
- CCBB99
Intimate Journal
- 98C7CC
≈ Continental Waters
- CEB3CF
≈ Elfin Herb
Komplementarna rozszczepiona +150° +210°
- CCBB99
Intimate Journal
- 9EC3D9
≈ Madras Blue
- BEB7DB
≈ Tinted Iris
Tetrada +90° +180° +270°
- CCBB99
Intimate Journal
- 9CC8BB
≈ Cool Juniper
- ADBDDE
≈ September Aster
- D8B0BF
≈ Kindness
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.88:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.13:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--intimate-journal: #ccbb99;
--intimate-journal-rgb: 204 187 153;
--intimate-journal-oklch: oklch(0.798 0.05 84.5);
}
.element {
color: var(--intimate-journal);
background-color: hsl(40 33% 70%);
border-color: oklch(0.798 0.05 84.5);
}Tailwind CSS v4
@theme {
--color-intimate-journal: #ccbb99;
--color-intimate-journal-50: #fbf5e5;
--color-intimate-journal-100: #efe7d6;
--color-intimate-journal-200: #ded3bd;
--color-intimate-journal-300: #c3b69b;
--color-intimate-journal-400: #ac9d7d;
--color-intimate-journal-500: #968460;
--color-intimate-journal-600: #7f7052;
--color-intimate-journal-700: #655941;
--color-intimate-journal-800: #4b412f;
--color-intimate-journal-900: #342d1f;
--color-intimate-journal-950: #1f1a0f;
}SCSS
$intimate-journal: #ccbb99;
$intimate-journal-rgb: 204, 187, 153;
$intimate-journal-light: mix(#fff, $intimate-journal, 20%);
$intimate-journal-dark: mix(#000, $intimate-journal, 20%);
.element {
color: $intimate-journal;
box-shadow: 0 0 0 2px rgba($intimate-journal, 0.35);
}