Nazwany kolor · #C1B65F
Tegreen
Tegreen to #C1B65F: rgb(193 182 95), hsl(53 44% 56%), oklch(0.767 0.11 102.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tegreen color name →
#C1B65F
oklch(0.767 0.11 102.1)
Konwersje koloru
- HEX
- #c1b65f
- RGB
- rgb(193 182 95)
- HSL
- hsl(53 44% 56%)
- HWB
- hwb(53 37% 24%)
- OKLCH
- oklch(0.767 0.11 102.1)
- OKLab
- oklab(0.767 -0.023 0.107)
- CIE Lab
- lab(73.61 -4.51 45.22)
- LCH
- lch(73.61 45.45 95.7)
- CMYK
- cmyk(0% 6% 51% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7BD71
- CDC581
- D3CC92
- D9D3A2
- DFDBB1
- E6E2C1
- ECE9D0
- F2F0E0
- F9F8EF
Odcienie ciemniejsze
- A79E52
- 8F8644
- 776F38
- 5F592C
- 494420
- 343015
- 201D0A
- 0E0C03
- 020200
Tony
- BAB164
- B3AB69
- ADA66D
- A6A070
- A09B74
- 999677
- 939079
- 8C8B7C
- 86857E
Harmonie kolorów
Komplementarna +180°
- C1B65F
Tegreen
- A8ABF8
≈ Shy Moment
Analogowa -30° +30°
- C1B65F
Tegreen
- DEA861
≈ Sugar Honey Cashew
- 99C278
≈ Lime Parfait
Triada +120° +240°
- C1B65F
Tegreen
- 57C3E5
≈ Naxos Sky
- E497C7
≈ Crepe Myrtle
Komplementarna rozszczepiona +150° +210°
- C1B65F
Tegreen
- 7FB8F7
≈ Broken Blue
- CB9FE6
≈ Bright Ube
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.12:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--tegreen: #c1b65f;
--tegreen-rgb: 193 182 95;
--tegreen-oklch: oklch(0.767 0.11 102.1);
}
.element {
color: var(--tegreen);
background-color: hsl(53 44% 56%);
border-color: oklch(0.767 0.11 102.1);
}Tailwind CSS v4
@theme {
--color-tegreen: #c1b65f;
--color-tegreen-50: #faf7d4;
--color-tegreen-100: #edeac0;
--color-tegreen-200: #dbd7a1;
--color-tegreen-300: #c0bb78;
--color-tegreen-400: #aba14f;
--color-tegreen-500: #95881d;
--color-tegreen-600: #7e731c;
--color-tegreen-700: #655c17;
--color-tegreen-800: #4b430d;
--color-tegreen-900: #342e08;
--color-tegreen-950: #201b00;
}SCSS
$tegreen: #c1b65f;
$tegreen-rgb: 193, 182, 95;
$tegreen-light: mix(#fff, $tegreen, 20%);
$tegreen-dark: mix(#000, $tegreen, 20%);
.element {
color: $tegreen;
box-shadow: 0 0 0 2px rgba($tegreen, 0.35);
}